Фронт-энд - диаграммы на js
Необходимо реализовать 2 типа круглых диаграмм для интеграции в HTML.
Способ интеграции не принципиален - важна простота интегорирования в разметку и удобстава для бэка подвязывать данные.
Прикрепляются иллюстрации из макетов, доступы к макетам будут представлены выбранному кандидату.
Диаграмма 1.
- При загрузке страницы должна быть анимация прорисовки закрашенного сегмента. 0 находится на 6-часах.
- Обратить внимание на градиенты.
Диаграмма 2.
- При загрузке страницы должна быть анимация закрашивания секторов.
- Обратить внимание на тултип с параметром.
- Обратить внимание на градиенты.
-
14 днів3000 UAH
775 21 0 14 днів3000 UAH
Здравствуйте, смогу реализовать на чистом канвасе.
Цена большая так как задача не совсем стандартная и местами еще и требует минимальных знаний в области геометрии.
Сроки не могу предугадать, поставил максимальные.
В основном вижу проблему только в отрисовке линий с корректными цветами.
Если присмотреться то линия графика состоит из рамки и заливки в виде градиента.
Сама же рамка плавно сливается с градиентом. Стандартными свойствами канваса такого не добиться. Нужно будет наложить несколько линий разной ширины и подбирать много коэффициентов(тени, размытие), что уже не гарантирует 100% схожести по цветам.
… Попрошу предоставить мне оригинал макета для детального ознакомления.
-
1 день700 UAH
512 4 1 1 день700 UAH
Здраствуйте готов реализовать проект
Сделаю быстро и качественно
постораюсь всегда быть на связи
все подробности можем обсудить в ЛС пишите.
-
2 дні400 UAH
159 2 дні400 UAH
Здраствуйте готов реализовать проект
Сделаю быстро и качественно
постораюсь всегда быть на связи
все подробности можем обсудить в ЛС пишите.
с уважением Шерхан!
-
Андрей Шмыголь Code Cat
Данные подключать не нужно, только прорисовать.
-
Что бы отрисовать диаграмму надо иметь данные, которые отображать на диаграмме.
-
Андрей Шмыголь Code Cat
Или поделить ее на проценты.
-
Можно использовать дополнительные библиотеки типа chart.js?
-
Андрей Шмыголь Code Cat
Можно.
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 19 годин 32 хвилини тому ∙ 54 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 1 день 20 годин тому ∙ 26 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 11 годин тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
257 282 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 8 днів 17 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 8 днів 23 години тому ∙ 21 ставка |
Тель Авів