Диаграмма солнечных лучей, JavaScript с открытым исходным кодом (также известная как кольцевая диаграмма, радиальная древовидная карта, многоуровневая круговая диаграмма)

Диаграмма солнечных лучей представляет собой круговую (или кольцевую) диаграмму, в которой каждая часть круговой диаграммы далее делится на более мелкие части. Иногда его также называют «перегородкой солнечных лучей»:

баобаб

Существует ли библиотека JavaScript с открытым исходным кодом, которая позволила бы мне отображать многоуровневую круговую диаграмму?
Данные будут отправлены сервером, например, в формате JSON/JSONP.

Требования:

  • Показать диаграмму солнечных лучей
  • Открытый источник
  • Данные ни в коем случае нельзя отправлять третьим лицам (поэтому никаких Google Charts)
Как насчет д3 ?
@John: Ты имеешь в виду bl.ocks.org/mbostock/4063423 , наверное? Кажется, требуется немного программирования, но хорошая находка!
Да, точно. Мне нужно совсем немного программирования, но пока что d3 — самая универсальная библиотека для построения диаграмм любого типа.

Ответы (1)

Если вам нужна настраиваемая библиотека диаграмм Javascript с открытым исходным кодом, то D3 — очевидный выбор. Он значительно облегчает жизнь визуальным художникам и специалистам по данным благодаря разнообразным возможностям, а также простоте использования.

Ваша примерная диаграмма выглядит для меня как диаграмма Sunburst. А вот диаграмма воссоздана в D3

введите описание изображения здесь

И ваши данные определенно в безопасности, так как вы не будете иметь дело / взаимодействовать с третьими лицами.

Еще одна библиотека, о которой стоит упомянуть, это Highcharts.js ; это еще одна замечательная библиотека Javascript с открытым исходным кодом для визуализации.

Вот скрипка для построения диаграммы солнечных лучей в Highcharts. И опять же, ваши данные в полной безопасности, а библиотека с открытым исходным кодом.

Диаграмма солнечных лучей, JavaScript с открытым исходным кодом (также известная как кольцевая диаграмма, радиальная древовидная карта, многоуровневая круговая диаграмма)
СпросиСетьПолитика конфиденциальности1y, 0v