nvd3 Charts Knowledge Base

D3.svg

Flaky Features

Feature

Chart Type

syntax

Problem

Axis Visibility Line Chart
.showYAxis(true)
Toggles Axis Tick Labels Function should be .showYAxisLabels
Line with Focus Chart Toggles Axis Ticks and Labels should be separate functions

Helpful nvd3 Resources

Issue

Chart Type

Link

Note

Tic Misalignment with dates Line Stack Overflow For round dates
Tic Misalignment with times Line  same link, further down  Time Series with .useInteractiveGuideline
Styling Chart Elements Any Github Resizing changes colors
Drawing Lifecycle Any nvd3.org
Time Series example Line GitHub Good Starter
Time Series Done Right Line jsFiddle Very Good starter
Another Time Series Example Line nvd3
D3 Formatting Github
D3 Time Formats Bostock You can’t guess them all
Angular Directives All Github Lots of option settings – Angular not required
Responsive  All Stack Overflow d3.js
Responsive All Github d3.js oriented too
Reverse X and Y All Timely Portfolio Lots of other examples
Continuous Flow Time Plunker
Click Events Any Plunker
Stack Overflow

D3 Techniques

Issue

Link

Note

Assign multiple attributes efficiently Stack Overflow For round dates
Groups and Transforms Stack Overflow
Cool examples rCharts

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha loading...

This site uses Akismet to reduce spam. Learn how your comment data is processed.