admin管理员组

文章数量:1297134

I'm perfectly aware this is a google away. Unfortunately I don't know the name of the chart I'm looking for. So I'm unable to make a reasonable search for plugins or API's. Please be kind.

What is this type of charts called?

What i want to do: Draw a chart similar to below in a webbrowser, given input as a list of "sizes". Preferably with a jquery plugin or javascript API.

In the image below the sizes happens to be Disk-sizes.

I'm perfectly aware this is a google away. Unfortunately I don't know the name of the chart I'm looking for. So I'm unable to make a reasonable search for plugins or API's. Please be kind.

What is this type of charts called?

What i want to do: Draw a chart similar to below in a webbrowser, given input as a list of "sizes". Preferably with a jquery plugin or javascript API.

In the image below the sizes happens to be Disk-sizes.

Share Improve this question edited Dec 6, 2011 at 16:53 karim79 343k67 gold badges419 silver badges407 bronze badges asked Dec 6, 2011 at 16:44 Cristobal WetzigCristobal Wetzig 3811 silver badge14 bronze badges 1
  • The screenshot makes this application e to my mind: w3.win.tue.nl/nl/onderzoek/onderzoek_informatica/visualization/…. They also call it "treemaps". – pimvdb Commented Dec 6, 2011 at 16:48
Add a ment  | 

4 Answers 4

Reset to default 7

It is a Treemap chart. You can use Google's API to recreate it on the web:

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

It is called a Treemap.

See http://en.wikipedia/wiki/Treemapping.

This is called a Tree Map. You can reproduce using a number of JavaScript libraries. Here are a couple:

  1. Protovis
  2. D3.js

Note: D3 is actually a rewrite of Protovis.

Well, the screenshot is straight from http://www.derlien., where they call it a "treemap."

本文标签: javascriptWhat is this chart called How do I reproduce it in a web browserStack Overflow