Skip to content

Instantly share code, notes, and snippets.

@AlainRo
AlainRo / README.md
Last active October 4, 2017 13:36
BarChart with draggable bars to input/adjust data values (Horizontal + Vertical)

Barchart as an input device

Brushes can be used to draw a barchart. This gives an easy way to input or adjust values with the mouse !!!

The d3 brush is a complex piece of logic taking care of events and user feed-backs. Among other characterics it exposes a nice selection rectangle which can be used as a bar !!!

2D-brushes come in two flavors see official API v4 doc

  • d3.brushX()
@AlainRo
AlainRo / README.md
Last active October 4, 2017 13:39
a Barchart of brushes

a Barchart of brushes

Brushes can be used to draw a barchart. This gives an eady way to input or adjust values with the mouse !!!

@AlainRo
AlainRo / README.md
Last active October 4, 2017 13:39
Difference Chart v4
@AlainRo
AlainRo / README.md
Last active October 4, 2017 13:40
d3v4 - zoom and drag circles - drag adjusted for zoom
@AlainRo
AlainRo / README.md
Last active October 4, 2017 13:41
Brush & Zoom
@AlainRo
AlainRo / README.md
Last active October 10, 2017 13:56
d3js Exercice 3 - svg

d3js Exercice 3 - svg

@AlainRo
AlainRo / .block
Created October 14, 2017 14:27
Demo of d3-boxes
license: mit
@AlainRo
AlainRo / .block
Last active October 22, 2017 08:42
datatable
license: mit
@AlainRo
AlainRo / .block
Last active October 29, 2017 14:46
Vega-Lite
license: mit
@AlainRo
AlainRo / .block
Last active October 29, 2017 14:46
Vega block example
license: bsd-3-clause