Skip to content

Instantly share code, notes, and snippets.

View davelandry's full-sized avatar
🍻

Dave Landry davelandry

🍻
View GitHub Profile

Keybase proof

I hereby claim:

  • I am davelandry on github.
  • I am davelandry (https://keybase.io/davelandry) on keybase.
  • I have a public key whose fingerprint is CA53 17F3 7B6D E169 9688 2903 5906 0389 95CF A33D

To claim this, I am signing this object:

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Simple Radar

Radar charts are used to create a filled area based on an n-sided polygon.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Simple Sankey

Sankey charts show the flows in and out of a focus data point.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Using Icon Images

The .icon( ) method specifies a specific key in the data that points to an image URL. These icons are used in Legends and Tooltips.

Additionally, in this example, advanced parameters of the icon can be set, including the "style", which defines whether or not to fill the background square with the object's color.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Advanced Visualization Interface Elements
@davelandry
davelandry / README.md
Last active August 22, 2016 15:23
Custom Colors using a Function

In D3plus, all methods support passing a function that will handle the logic of fetching a given attribute. By passing .color( ) a function, the returned color can be determined based off special conditions that the data may meet.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Simple Table

This visualization accompanies this blog post by Alexander Simoes, which is a guide to creating new visualization types. It is a table, or more descriptively, a visual representation of a table.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Simple Box and Whisker

Data can be drawn using a Box and Whisker Plot, which helps highlight outliers and give a quick snapshot of the different quartiles of the dataset. This example includes a .ui( ) control that shows the difference between a Box and Whisker and a standard Scatter Plot.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:24
Stacked Bar Chart

In this advanced Bar Chart example, there are both negative and positive values in the data and they are being displayed on a stacked x axis. Additionally, .time( ) is being declared in order to enable a timeline that allows changing the scope of the data being displayed.

Featured on D3plus.org

@davelandry
davelandry / README.md
Last active August 22, 2016 15:23
Simple Bar Chart

D3plus has the ability to create all sorts of Bar Charts. Each axis is chosen independently from one another, and data defaults to grouping along the x axis.

Featured on D3plus.org