Instantly share code, notes, and snippets.

James Saunders jamesleesaunders

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

Last active June 4, 2019 19:41
d3-ez : SlashDB Bugfix

Testing a fix for bug seen in d3-ez line chart example found at https://www.slashdb.com/2018/02/15/howto-d3js/

Bugs fixed:

1. Duplicate dots in every point.
2. The y-axis over ran over the top of the chart.

Thanks to Elliot Bricker for writing a d3-ez demonstration article on SlashDB.

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

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

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

Last active May 2, 2018 21:36
Vega Example
Created September 29, 2017 21:19
View index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
 Reusable d3.js Components And Inheritance
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

Last active July 29, 2019 20:21 — forked from fabid/README.md
d3-x3d : 3D Scatter Plot Example
View .block
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters