Анимированная инфографика SVG с CSS (кольцевая диаграмма)

Question

Анимированная инфографика SVG с CSS (кольцевая диаграмма)

Я хотел бы создать страницу "приборной панели" и наглядно показать некоторые цифры.

Моя идея состоит в том, чтобы использовать дизайн Illustrator, экспортировать его как SVG и изменять диаграммы с помощью CSS в соответствии со значениями из базы данных.

Понравились эти элементы: http://graphicriver.net/item/infographic-elements/2656503?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=REDPENCILMEDIA

Я хотел бы использовать эти кольцевые диаграммы для визуализации процентов. Но как мне настроить графику с помощью CSS (или jQuery).

Нашел несколько руководств по d3.js и другим библиотекам, но я бы хотел использовать дизайн Illustator вместо генерации графика. Был на Google в течение 2 дней сейчас..

Любые советы, подсказки, ссылки и т. Д. Приветствуются! Спасибо:)

0

css svg svg-animate

Источник

user2238084 07 июл '13 в 21:02

1 ответ

Решение

Другие вопросы по тегам css svg svg-animate

user1388990 07 июл '13 в 23:58 2013-07-07 23:58 · Accepted Answer · 2013-07-07 23:58

Я думаю, это то, что вы искали: http://www.chartjs.org/ Это легкая js-библиотека, которая позволяет вам легко готовить пироги, тесты и т.д. Довольно легко настроить тоже. Кастомизация - это всегда боль в заднице для таких вещей, но начинать с нуля гораздо сложнее, поэтому я очень рекомендую это.