Как называется эта диаграмма? Как воспроизвести его в веб-браузере?

Я прекрасно знаю, что это google прочь. К сожалению, я не знаю имя диаграммы, которую я ищу. Поэтому я не могу сделать разумный поиск плагинов или API. Пожалуйста, будьте добры.

Как называется этот тип диаграмм?

что я хочу сделать: Нарисуйте диаграмму, подобную приведенной ниже в веб-браузере, с учетом ввода в виде списка "размеров". Предпочтительно с плагином jquery или javascript API.

на изображении ниже размеры бывают дисковыми.

6
html javascript jquery web

4 ответов

Это называется картой дерева. Вы можете воспроизвести с помощью нескольких библиотек JavaScript. Вот пара:

  1. Protovis
  2. D3.js

Примечание: D3 на самом деле переписывает Protovis.

4

Это Treemap диаграмма. Вы можете использовать API Google, чтобы воссоздать его в интернете:

http://code.google.com/apis/chart/interactive/docs/gallery/treemap.html

7

Это называется Treemap.

см.http://en.wikipedia.org/wiki/Treemapping.

5

ну, скриншот прямо из http://www.derlien.com, где они называют это "treemap."

3