slave voyages - embarking

100%

slave voyages - embarking

✓ Published0🌍 Public

Last edited May 12, 2016

Created on May 12, 2016

This visualization shows the relative scale of the transatlantic slave trade over time, with countries stacked as layered area charts. Each country’s embarkation counts are plotted as a filled area from 1501 to 1866, with the height of each layer proportional to the number of enslaved people embarked per year. The countries—Portugal, Great Britain, France, Spain, Netherlands, and the U.S.A.—are overlaid with a small vertical offset between layers so the viewer can compare both total magnitude and temporal patterns. A legend on the left identifies each country by color, and light vertical gridlines mark every 20 years. The chart is rendered as an SVG using D3, with data sourced from slavevoyages.org.

AI-generated description

Slave Voyages - Embarking

This is an attempt at visualizing the relative scale of the slave trade by country. The data comes from slavevoyages.org.

The visualization is inpsired by the Mountains-out-of-molehills visualization. The focus is to communicate the relative scale over time, giving us a sense of activity over time of this attrocious part of our history.

forked from <a href='http://bl.ocks.org/rcrocker13/'>rcrocker13</a>'s block: <a href='http://bl.ocks.org/rcrocker13/c8a7905bda0f5825efbd'>slave voyages - embarking</a>

Similar vizzes

Loading thumbnail…

Mission Power

This visualization shows the relative scale of the transatlantic slave trade by country from 1501 to 1653, stacking separate area charts for each nation to compare activity over time. It uses D3.js version 3.5.5 to load tab-separated data from slavevoyages.org, map years to an x-scale, and draw smoothed areas with `d3.svg.area().interpolate("basis")`. Each country receives a distinct color, and vertical gridlines mark every 20 years, while the y-axis height encodes the annual number of enslaved people embarked.

SSioKCronin

81% match

Loading thumbnail…

Untitled

This Sankey diagram visualizes migration flows from the Americas and Europe to African countries and onward to major Asian destinations. The chart displays weighted connections between countries, with thicker links indicating larger migrant populations. Built using the Google Charts Sankey visualization API, the code defines nodes and edges in a DataTable, specifying the origin, destination, and weight for each flow. The diagram uses gradient-colored links and a predefined color palette for nodes, rendering a multi-level flow structure. The data is hand-coded in the HTML file rather than loaded from the accompanying CSV.

Mmanishabehera

60% match

Loading thumbnail…

Activity6_Q2.3

This visualization shows the proportional distribution of population across Africa, Asia, and Europe for five countries, with each horizontal bar normalized to 100% to facilitate cross-country comparison. The chart renders as a normalized stacked bar chart using SVG, where each segment’s length represents its percentage share. The code loads data from a CSV file, converts values to percentages, and uses d3.stack() for stacking, d3.scaleLinear() and d3.scaleBand() for axes, and d3.scaleOrdinal() for colors. Interactive tooltips display exact percentages on hover.

VVidya Lakshmi Chitturi

58% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the number of migrants from 14 countries, using data from a 2018 United Nations population estimate. The visualization sorts countries along the y-axis and represents migrant counts with horizontal bars on an SVG canvas. The code employs D3 v5’s `csv` loader to parse the dataset, `scaleLinear` and `scaleBand` for axes, and `axisLeft`/`axisBottom` for tick generation. Rects are appended to the SVG group, with axes stripped of domain lines for a cleaner presentation.

Ssucotton9

58% match

Loading thumbnail…

DataViz of Freight Transport around Europe

An animated, tile-based map visualizes freight transport volumes among European countries from 2010 onward. The visualization toggles between a traditional geographic projection and a grid layout where each nation becomes a rectangle. It renders country boundaries from GeoJSON data and animates transitions between the two modes. The project uses D3.js v4 for SVG rendering and animations, along with the geo2rect library to compute the rectangular tile positions, and loads trade data from a JSON file.

NNpfn

58% match

Loading thumbnail…

Fulcrum S Projections

This visualization shows missing migrant incidents worldwide, with circles sized by death toll on a world map and a time-series histogram below. Brushing a date range on the histogram filters the map’s bubbles. It uses React and D3 v5, including `geoNaturalEarth1`, `geoPath`, and `scaleSqrt` for the map, plus `brushX`, `scaleTime`, and `histogram` for the timeline. Data comes from a CSV of missing migrants, rendered as SVG with the world-atlas TopoJSON.

AAndre J Denais

57% match

Loading thumbnail…

Module6

This visualization uses birth-rate data from 2000–2013 for 39 countries to show how national rates change over time. A time slider scrubs through the years, with each country represented by a small circle positioned along a vertical axis. The current year is highlighted in a large display, and country labels fade or emphasize as the user drags the slider. The chart is rendered using D3 v3 with SVG, presenting a clean, static-scale line-and-dot layout that lets viewers compare relative birth rates across countries and track temporal trends.

CClevejones

57% match

Loading thumbnail…

Fork of Foreign Population in Germany by Selected Citizenships and Years

This fork of a Streamgraph template visualizes the foreign population in Germany by selected citizenships across six years (2015–2020), based on CSV data from Destatis. Six stacked, wiggled areas represent Europe, Africa, America, Asia, Australia and Oceania, and Unknown, with hover effects that darken a path. The chart uses D3 v4, applying `d3.stack()` with `stackOffsetWiggle` and `stackOrderInsideOut`, plus `d3.area()` with `curveBasis` for smoothing. Axis ticks, labels, and area-label overlays come from `d3-axis` and the `d3-area-label` plugin.

AAsimali39

57% match