| rect.enter().append("rect") |
| rect.attr("width", function(d) { | |
| return d | |
| }) | |
| .attr("height", function(d) { | |
| return d | |
| }) |
| var arr = [7,10,4] | |
| rect.data(arr) | |
| rect.attr("width", function(d) { | |
| return d | |
| }) | |
| .attr("height", function(d) { | |
| return d | |
| }) |
| rect.exit().remove() |
Tree Maps are a great way to show your dataset as shares of a whole. Unlike Pie Charts, which have a lot of unused white space along the edges of the visualization, Tree Maps allow for smaller data points to become much more visible because the visualization is allowed to take up the entirity of the screen space.
Featured on D3plus.org
The Stacked Area chart is a variation of the Chart Visualization with values drawn as areas stacked on top of one another with a continuous x-axis. This visualization allows a quick assessment of how the data breaks up by share of the whole over a specified variable, most commonly "time".
Featured on D3plus.org
A simple Scatter Plot visualization that displays data across an X and Y axis.
Featured on D3plus.org
Rings is a way to view network connections focused on 1 node in the network. It displays primary and secondary connections of a specific node, as well allowing the user to click on a node to recenter the visualization on that selected node.
Featured on D3plus.org
The Line Plot shows data points as lines that change y-value over a continuous x-axis. Lines will be segmented if data points are not present for a give x value.
Featured on D3plus.org
An easy way to map data to locations around the world. The .id( ) key in your data must match the "id" key in the topojson that you import.
Featured on D3plus.org