Skip to content

Instantly share code, notes, and snippets.

View alokkshukla's full-sized avatar

Alok K. Shukla alokkshukla

View GitHub Profile

Introducing Axes

  • Visual features unlike scale .
d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right

Introducing Axes

  • Visual features unlike scale .
d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right
@alokkshukla
alokkshukla / .block
Created August 3, 2017 08:04
Line Chart
license: gpl-3.0
@alokkshukla
alokkshukla / .block
Last active August 3, 2017 08:01
d3-annotation: Responsive Types and Hover
license: mit
@alokkshukla
alokkshukla / .block
Created August 3, 2017 07:57
d3-annotation: Responsive Types and Hover
license: mit
@alokkshukla
alokkshukla / README.md
Last active October 2, 2020 00:44
Bubble Chart

Simple Bubble Chart D3 v4

var color = d3.scaleOrdinal(d3.schemeCategory20);

var bubble = d3.pack(dataset)
            .size([diameter, diameter])
 .padding(1.5);
@alokkshukla
alokkshukla / README.md
Created July 27, 2017 09:04
Dynamic Bar Chart with Transitions

Updates, Transitions, and Motion

Updating Visuals

Not smooth

  • For Bar chart, update dataset and update height, y values.
@alokkshukla
alokkshukla / README.md
Last active July 27, 2017 06:12
My first D3 Block : A Scatter plot

Introducing Axes

  • Visual features unlike scale .
d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right