Data visualization with D3.js

My way to learn D3.js v4.

In the Internet a lot of information related to D3.js v3. You can find out the difference between v3 and v4: https://github.com/d3/d3/blob/master/CHANGES.md

The first task

• d3
• select
• style

The second task

• append
• attr

The third task

• selectAll
• data
• enter

The fourth task

• transition
• duration
• delay

The fifth task

• scaleLinear
• domain
• range

The sixth task

• axisBottom
• axisLeft
• scale
• ticks
• call
• SVG Group Element
• attr("transform", "translate(x,y)")

The seventh task

• on("click", function(){})

The eighth task

• rect
• attr: x, y, height, width, fill
• classed
• css: shape-rendering: crispEdges

The ninth task

• text
• attr: x, y, dx, dy
• css: text-anchor: end

The tenth task

Creating an ordinal scale

Coming soon

• Grid line
• Bubble chart
• Bar chart
• Column chart
• Stacked columns chart
• Column chart with rounded corners (we will use path)
• Line chart
• Area chart
• Combo chart
• Pie chart
• Donut Chart
• Timeline

License

© 2016 Roman Krasavtsev