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 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 June 4, 2019 19:41
d3-ez : SlashDB Bugfix
@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:10
d3-ez : Bubble Chart Example

d3-ez : Bubble Chart Example

Generated using d3-ez D3 Reusable Chart Library

A bubble chart is a type of chart that displays three dimensions of data. Each entity with its triplet (v1, v2, v3) of associated data is plotted as a disk that expresses two of the vi values through the disk’s xy location and the third through its size. Bubble charts can facilitate the understanding of social, economical, medical, and other scientific relationships. Bubble charts can be considered a variation of the scatter plot, in which the data points are replaced with bubbles.

FUNCTION: Comparison, Distribution, Trend over time

Credit: Data Viz Project

@jamesleesaunders
jamesleesaunders / README.md
Last active July 16, 2019 20:09
d3-ez : Bar Chart (Circular) Example

d3-ez : Bar Chart (Circular) Example

Generated using d3-ez D3 Reusable Chart Library

A Radial/Circular Bar Chart simply refers to a typical Bar Chart displayed on a polar coordinate system, instead of a cartesian system.It is used to show comparisons among categories by using a circular shape.

FUNCTION: Comparison

Credit: Data Viz Project

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

d3-ez : Candlestick Chart Example

Generated using d3-ez D3 Reusable Chart Library

A candlestick chart is a style of bar-chart used to describe price movements of a security, derivative, or currency for a designated span of time. Each bar represents the range of price movement over a given time interval. It is most often used in technical analysis of equity and currency price patterns. They appear superficially similar to box plots, but are unrelated. The dataset for a candlestick chart contains low, high, open and close values. The high and low values are visualized as the top and bottom of each stick, where the open and close values are reflected in the square inside..

FUNCTION: Comparison; Trend over time

@jamesleesaunders
jamesleesaunders / README.md
Last active May 2, 2018 21:36
Vega Example
<!DOCTYPE html>
<html>
<head>
<title>Reusable d3.js Components And Inheritance</title>
<script src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<div id="chart"></div>
@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

@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 / README.md
Last active July 16, 2019 20:11
d3-ez : Heat Map (Radial) Example

d3-ez : Heat Map (Radial) Example

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