Generated using d3-ez D3 Reusable Chart Library
A donut chart (also spelled doughnut) is functionally identical to a pie chart, with the exception of a blank center and the ability to support multiple statistics at once. Doughnut charts provide a better data intensity ratio to standard pie charts since the blank center can be used to display additional, related data.
FUNCTION: Comparison; Part to whole
Credit: Data Viz Project
Generated using d3-ez D3 Reusable Chart Library
A line chart or line graph is a type of chart which displays information as a series of data points called ‘markers’ connected by straight line segments. It is similar to a scatter plot except that the measurement points are ordered (typically by their x-axis value) and joined with straight line segments. Line Charts show how a particular data changes at equal intervals of time. A line chart is similar to the spline graph, but the spline graph draws a curved line between the points instead of the straight lines.
FUNCTION: Distribution; Trend over time
Generated using d3-ez D3 Reusable Chart Library
Punch Cards can visualize cyclical trends in your data. This visualization shows circles representing a metric aggregated over two dimensions, such as hours of the day and days of the week. Using a punchcard, you can see relative values for a metric where the dimensions intersect.
FUNCTION: Distribution; Trend over time
Generated using d3-ez D3 Reusable Chart Library
Grouped Bar Charts are used when two or more data sets are displayed side-by-side and grouped together under categories on the same axis. Basically, it’s the most simple bar chart with two or more graphs.
FUNCTION: Comparison
Credit: Data Viz Project
Generated using d3-ez D3 Reusable Chart Library
Click on graphs to interact.
Generated using d3-ez D3 Reusable Chart Library
Data Source: http://www.ukpolitical.info/2015.htm
Generated using d3-ez D3 Reusable Chart Library
Simple HTML UL/LI list. Note: THis is an example of using D3 to generate html rather than svg. Click on a the items to expand the tree.
Generated using d3-ez D3 Reusable Chart Library
The Polar Area chart is similar to a usual pie chart, except sectors are equal angles and differ rather in how far each sector extends from the center of the circle. The polar area diagram is used to plot cyclic phenomena (e.g., count of deaths by month).
FUNCTION: Comparison; Trend over time
Credit: Data Viz Project
Generated using d3-ez D3 Reusable Chart Library
A radial heat map is a variation of heat map, where the table is aligned radially. A heat map is a graphical representation of data where the individual values contained in a matrix are represented as colors. Fractal maps and tree maps both often use a similar system of color-coding to represent the values taken by a variable in a hierarchy. The term is also used to mean its thematic application as a choropleth map. The term “Heatmap” was originally coined and trademarked by software designer Cormac Kinney in 1991, to describe a 2D display depicting real time financial market information.
FUNCTION: Comparison; Correlation
Credit: Data Viz Project