Mission Power

100%

✓ Published0🌍 Public

Last edited Sep 17, 2016

Created on Sep 17, 2016

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.

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/enjalot/'>enjalot</a>'s block: <a href='http://bl.ocks.org/enjalot/754c7d061c2d0b71be37'>slave voyages - embarking</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Final Project

This visualization presents worldwide export data from 2000–2016 as an animated scatterplot, with each circle representing a country and colored by indicator category. Users can dynamically switch the x- and y-axis metrics via dropdown menus, and clicking the color legend highlights or dims categories. The plot uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for colors, and transitions each circle’s radius from 0 to 10 over two seconds with staggered delays. A hover tooltip displays the reporter country name, while SVG rendering updates axes and legend selections.

Vveagy

64% match

Loading thumbnail…

Project

This scatter plot visualizes annual export values from 2000 to 2016, comparing shipments to the United States against those to China, with each point representing a country-year observation. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with abbreviated number formatting, while circles are rendered via SVG. Data comes from a CSV file loaded with `d3.csv`, and the code explicitly converts six country columns to numeric values before plotting. Red, semi-transparent circles reveal overlapping data density, with labeled axes and a title indicating the export comparison.

Vveagy

63% 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

63% 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

63% 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

62% match

Loading thumbnail…

act7_task2

This area chart displays the number of tourists visiting various countries from 2014 to 2020, with each country rendered as a distinct filled area. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the x-axis and manual data parsing via `d3.csvParse` on hardcoded CSV strings. The chart encodes time-series data across seven years, with areas filled in semi-transparent steelblue to show trends and magnitude differences between nations.

RRevanth putta

62% match

Loading thumbnail…

Countries_1

This visualization uses a force-directed simulation with d3.forceSimulation to position countries as nodes, with size and color encoding variables from the Countries.csv dataset such as population and HIV prevalence. The rendering relies on d3.geoPath to draw country boundaries, while tooltips and hover interactions are driven by d3-selection and d3-transition. Data is loaded via d3.csv and mapped to quantitative scales, with the map projection and zoom behavior handled by d3-zoom and d3-geo.

LLTymn

62% match

Loading thumbnail…

Number of Missions by Year and Country with an Interactive Color Legend

This scatter plot displays the number of space missions per year, with each country (USA, Russia, China, Kazakhstan) represented by a distinct color. An interactive color legend allows hovering over a country name to highlight its corresponding circles while fading others. The visualization uses D3 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`) and React components for rendering SVG circles grouped by year. Data comes from a Kaggle CSV file processed with D3’s `csv` and `nest` functions, with axes and legend developed as custom React components.

Nnaisargidave

62% match