Skip to content

Instantly share code, notes, and snippets.

View jamesleesaunders's full-sized avatar

James Saunders jamesleesaunders

View GitHub Profile
@jamesleesaunders
jamesleesaunders / README.MD
Last active February 20, 2023 10:24
d3-ez : Polar Area Chart Example

d3-ez : Polar Area Chart Example

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

@jamesleesaunders
jamesleesaunders / .block
Last active July 29, 2019 20:21 — forked from fabid/README.md
d3-x3d : 3D Scatter Plot Example
license: mit
@jamesleesaunders
jamesleesaunders / .block
Last active July 29, 2019 20:21 — forked from camio/README.md
d3-x3d : 3D Bar Chart Example
license: mit
@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:12
d3-ez : Showcase
@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:12
d3-ez : HTML List Example

d3-ez : HTML List Example

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.

@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:12
d3-ez : HTML Table Example
@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:11
d3-ez : Rose Chart Example

Rose Chart Example

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, Distribution, Trend over time

Credit: Data Viz Project

@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:11
d3-ez : Punch Card Example

d3-ez : Punch Card Example

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

@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:11
d3-ez : Line Chart Example

d3-ez : Line Chart Example

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

@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:11
d3-ez : Heat Map (Tabular) Example

d3-ez : Heat Map (Tabular) Example

Generated using d3-ez D3 Reusable Chart Library

A heat map is a data visualization type where the individual values contained in a matrix through variations in coloring. The term “Heat map” was originally introduced by software designer Cormac Kinney in 1991 to describe a 2D display depicting real time financial market information even though similar visualizations have existed for over a century. Heat maps are useful for visualizing variance across multiple variables to display patterns in correlations 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. Many also incorrectly refers to heat maps as Choropleth maps – properly because of the misleading term ‘map’. But a choropleth maps include different shading or patterns within geographic boundaries to show th