| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Polling Data Austria 2006-2015</title> | |
| <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
| <link rel="stylesheet" type="text/css" href="style.css" /> | |
| </head> | |
| <body> | |
| <h1>Polling Data Austria, 2006-2015</h1> | |
| <div id="teaser"><p>Newspapers publish opinion polls regularly. While single results for the so called "Sonntagsfrage" ("Who would you vote for at the moment?") fluctuate often, a time series can show some general trends - like a decline in support for SPOE and OEVP, the regain in strength of the FPOE (after almost breaking apart), the rise and fall of the BZOE after the death of its leader Joerg Haider or the limited success of new parties. Adding the margin of error shows another thing: Many times it is not possible to identify the strongest party with certainty. Since the last election in 2013 three parties are competing for the first place.</p> |
See in action http://bl.ocks.org/3766585
This simple column chart shows how to handle negative values on the y axis. It handles ordinal values for the X axis only.
I started with this gist from Mike Bostock: https://gist.github.com/2368837 see it on blocks: http://bl.ocks.org/2368837
borrowed a bit from the histogram example in D3: https://github.com/mbostock/d3/tree/master/examples/histogram
and used the reusable chart convention from: http://bost.ocks.org/mike/chart/
| <html> | |
| <head> | |
| <title>Simple Line Graph using SVG and d3.js</title> | |
| <script src="http://mbostock.github.com/d3/d3.v2.js"></script> | |
| <style> | |
| /* tell the SVG path to be a thin blue line without any area fill */ | |
| path { | |
| stroke: steelblue; | |
| stroke-width: 1; | |
| fill: none; |
