nvd3 Charts Knowledge Base
by
David J McClelland
·
Published
· Updated
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
Like this:
Like Loading...
Tags: d3.jsnvd3.jsvisualizations
You may also like...
