HermanniB

@HermanniB·3 public vizzes

Baltic Container Traffic

The visualization displays 2013 container traffic volumes for Baltic Sea countries, sorted in descending order using horizontal bar lengths scaled proportionally to TEU values. Hovering over each bar reveals the country’s exact traffic figure via a title tooltip. The page uses D3 v3 to load CSV data, sort entries, and append SVG rectangles, while the static header and legend are hand-coded SVG polygons and text elements. Data comes from the provided `balticcontainers2.csv` file, with the bar width formula dividing each value by 100,000 and multiplying by 1.33 to fit the chart area.

Mar 31, 2015

Loading thumbnail…

Baltic Container Traffic

The visualization shows container traffic volumes across nine Baltic countries from 1997 to 2013, using a static logo-style SVG banner rather than an interactive chart. The page loads a CSV file containing yearly throughput figures per country and logs the parsed data to the browser console for verification. The rendering relies on hand-coded SVG polygons and text elements inside a fixed viewBox, while D3 v3’s `d3.csv` method handles the data ingestion. No dynamic scales, axes, or transitions are implemented; the example focuses on demonstrating basic data loading and static visual framing rather than encoding the dataset graphically.

Mar 29, 2015

Loading thumbnail…

OECD data on Baltic Sea countries volume of maritime container transport in TEU from 1997 to 2013 (downloaded 21 March 2015)

This chart visualizes the annual volume of maritime container transport (in TEUs) for eight Baltic Sea countries from 1997 to 2013, using a line graph with each country’s series. It highlights the dominance of Germany and the rapid growth of Poland and Russia, while also showing the 2009 downturn. The visualization is built with D3.js, using `d3.forceSimulation` for layout and `d3.geoPath` to render map boundaries, with data loaded from a CSV file. The chart updates smoothly via `transition.attrTween` to animate changes over time.

Mar 21, 2015