Please enable JavaScript.
Coggle requires JavaScript to display documents.
Data Visualisation - Coggle Diagram
Data Visualisation
SVG
-
-
-
-
Elements
rect
x, y, width, height, rx, ry
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
scalability
-
pixel, in, cm, pt : units
-
-
-
Animations
-
Code
Transition()
LifeCycle
Scheduling : attr() , style()...
-
-
-
-
-
-
-
Data
d3.csv("file",(error,data)=>{})
Selection API
-
-
-
-
-
-
-
-
selec.call(name,"n1","n2") : called once, useful for attribs
-
-
-
-
Transition API
selection.transition([name]) : if name is not spcified, it returns null
-
d3.interrupt(node[,name]) :
-
-
-
-
Array functions
-
sum,mean,quantile,variance,deviation
search
-
ascending(a,b) : comparative func
transformations
-
-
-
d3.permute([field1,field2])
-
Collections
ObjectsAPi
-
-
d3.entries(obj) : returns an Object(key,value)
-
-
-
-
-
Geographics
Projections
-
D3 classes
-
-
-
d3.geo.mercator(), scale=150
-
-
-
Data
GeoJson
Simple, textual, bigger, redundent
TopoJson
Binary, optimised, parsable, smaller
Hierarchies
Data
.rollup(data,aggregateFunc,groupBy's)
Display
-
-
TreeMaps
Padding
-
-
-
Outer padding : .paddingTop, .paddingBottom, .paddingLeft and .paddingRight.
-
Tiling : tmap.tile(d3.x)
treemapBinary strives for a balance between horizontal and vertical partitions,
treemapDice partitions horizontally, treemapSlice partitions vertically,
-
-
Partition
Sunburst charts
.size([2 * Math.PI, radius]);
-
-
-
-
-
-