Я сделал нечто подобное для отображения состояния здоровья. Я фактически аннотировал объекты данных и заставлял их переносить свое состояние в тупой SVG-файл, но механизм должен быть примерно таким же, только наоборот.
Преимущества:
- Делает сложные, динамические диаграммы безумно простыми для рендеринга.
- Ведение диаграмм проще простого, чем все, что я когда-либо использовал.
- Возможность нацеливаться на веб-приложение либо напрямую через SVG, либо опосредованно через визуализированные сервером изображения, доставляемые клиенту.
Ловушки:
- Привязка данных может быть болезненной в зависимости от того, насколько сложной должна быть ваша визуализация. Если вы хотите аннотировать SVG для извлечения данных в себя, это, вероятно, в конечном итоге станет сложной частью.
- Вам понадобится хорошее понимание XPath, чтобы сделать что-нибудь даже немного хитрое. Это никогда не сложно, но часто утомительно отлаживать выражения XPath.
Редакторы:
Inkscape . Есть несколько других редакторов векторной графики, которые могут делать SVG напрямую или в качестве цели экспорта, но ни один из тех, что я видел, не подходит близко к Inkscape. Он не поддерживает все функции в текущей спецификации SVG, но, похоже, этого будет достаточно для большинства, если не для всего, что вы хотите. Также очень хорошо, если вы не выполняете ручное редактирование файлов SVG, когда вам нужно что-то, что оно не поддерживает.