Tell us what works and what could be better. We read every submission.
@acurvadegauss·5 public vizzes
This animated visualization compares exports and imports of goods and services as percentages of GDP for 18 countries from 2004 to 2013. Each country is represented by a pair of horizontally aligned circles, one for exports (blue) and one for imports (red), sized proportionally to the trade values. The countries are arranged vertically, and as the animation advances through the years, the circle sizes update to reflect changing trade volumes, allowing quick comparison of trends across nations and between exports and imports. The data comes from a CSV file and is rendered with D3 v3 using SVG and animation.
This visualization displays the evolution of GDP per capita for 15 OECD countries from 1995 to 2013, using D3.js with SVG rendering. The data is sourced from a gist by acurvadegauss. Each country is represented by a line that traces its GDP per capita trajectory over time, plotted against the year on the x-axis and GDP value on the y-axis. The line chart allows viewers to compare economic performance across countries, highlighting trends such as Luxembourg's consistently high GDP, the rapid growth of Eastern European nations like Estonia and Latvia, and the impact of the 2008 financial crisis visible in the dip around 2009 for many countries.
This chart displays GDP per capita trends for OECD countries from 1995 to 2013 using a small-multiples layout of sparklines. Each country is represented by a small line chart showing its annual GDP per capita values, colored and scaled to reveal relative economic performance across the set. The visualization uses D3 v3 to render SVG line paths from the CSV data, with a focus on highlighting individual country trajectories while enabling cross-country comparison.
This example demonstrates loading and parsing an external CSV dataset with D3. The page displays a static SVG titled "International Trade Exports" featuring two decorative ellipses and a text label, while the D3 code uses the d3.csv() method to load internationaltradeexports.csv. The CSV contains export data for multiple countries from 1994 to 2013, which is transformed into an array of JSON objects and logged to the browser console for verification. The visualization itself is a simple, stylized SVG graphic with a beige background, a green ellipse, a cyan ellipse, and bold charcoal text, illustrating the initial step of reading CSV data into D3 for subsequent visualization.
This visualization maps the share of exports in GDP for OECD countries from 1994 to 2013, using a choropleth world map. A color gradient encodes the export share, with darker shades indicating higher percentages. The data from the CSV is loaded and joined to geographic features, and a slider allows users to step through years, updating the map’s coloring to reveal shifts in trade intensity over time.