(This chart is a part of the d3-charts collection available [here][collection].)
The subject of this project is nowhere near as exciting as its title would suggest. It aims to present a trend for a political party, or candidate, by combining the polling from multiple institutes as well as their confidence interval.
This chart has two basic views:
(This chart is a part of the d3-charts collection available here.)
Combines a line chart with an index of the administration was in charge at different points in time, allowing all sides to point fingers and take credit for up- and downswings that may or may not have happened.
| .down { display: none; } /** Hide downvote arrows */ | |
| textarea, input[type="text"] { font-family: Verdana, sans-serif !important; } | |
| #header { background-color: #9ECAE1; } | |
| /** Flair */ | |
| .flair { | |
| color: #FFF; | |
| font-weight: bold; | |
| padding: 1px 3px; | |
| border: 2px solid #FFF; |
This code generates an HTML table based from a CSV file. This is from the tutorial by Christophe Viau.
In trying his code example, I discovered that the code doesn't work as-is, so I figured others might like to see a working d3.js example that did not rely on a pre-existing container HTML element.
The code remains the same except for some cosmetic tweaks.
The task of writing the CSS is left as an exercise for the reader.
This code generates an HTML table based from a CSV file.
Original code by Shawn Allen via the D3 Noob.
The task of writing the CSS is left as an exercise for the reader.
[ Launch: Tributary inlet ] 7406225 by ndarville
| Field | Quality Metric |
|---|---|
| Financial Sector | Dow Jones |
| Journalism | Pulitzers |
| Schools | Standardized test scores |
| Police | Clear rate |
| Academia | Citations, etc. |
| Corporations | Stack ranking |
| Politics | Polls, Party membership |
(This chart is a part of the d3-charts collection available [here][collection].)
This is an symmetric stack chart with each bar anchored around a common origin. The code was based on Mike Bostock's ["Bar Chart with Negative Values" chart][original] and inspired by a [post][junk-charts] on Junk Charts.
Unlike the examples in the two links, the x axis of this implementation has a symmetric x-axis to ensure readers aren't [perceptually manipulated][perception] by one side taking up a larger, more imposing, share of the space than the other.
The main thing to have in mind when using this particular chart is that the order of your data rows matter; a part of the story this chart tells uses the vertical dimension, so embrace it. Usually, you'll see people use the chart for demographics with people divided by age or income, but there are plenty of other uses you'll realize soon enough.
