Skip to main content
SimilarExport ZIP
100%

Locations of Datavis 2020 Students

✓ Published0🌍 Public
NNita
Last edited Jan 3, 2020
Created on Jan 3, 2020

This visualization shows the distribution of datavis students’ locations across a world map, with orange circles marking each city and country listed in the CSV data source. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country interiors from a TopoJSON world atlas. The React app loads the map topology with `useWorldAtlas` and parses city coordinates with `csvParse` from D3 v5, while circles are positioned using the projected longitude and latitude values.

AI-generated description

This map shows the location in the world of the tragic Almaty Airport Plane Crash.

  • Airline: Bek Air
  • Type of Plane: Fokker 100
  • Location: Near Almaty International Airport, Kazakhstan
MIT Licensed

Similar vizzes

Loading thumbnail…

Locations of Datavis 2020 Students

A world map displays the rough geographic distribution of students enrolled in Datavis 2020, based on locations mentioned in their Slack introductions. Each green circle marks a student’s reported physical location, with broader regions represented by their centroids. The visualization uses React and D3 v5, employing `geoNaturalEarth1` and `geoPath` to render landmasses, graticules, and country boundaries from TopoJSON data. Circle positions are projected from latitude and longitude coordinates loaded from a CSV, with styling applied through SVG elements and CSS classes.

PPhilippe Rigovanov
94% match
Loading thumbnail…

Locations of Datavis 2020 Students

This visualization displays the global distribution of students who joined Datavis 2020, with each point representing the approximate physical location of a participant. Colored circles distinguish between students who joined in the first versus second week of the course, allowing viewers to see the program’s early geographic reach. The code uses React with D3 v5’s `geoNaturalEarth1` projection and `geoPath` to render the world map, while the `topojson` library processes the atlas data. Location data was manually compiled from student introductions and geocoded into latitude/longitude coordinates.

ZZaynaib (Ola) Giwa
91% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date

This map shows the global distribution of students who joined Datavis 2020 in its first days, with each point colored by the date they joined via a viridis sequential color scale. Rendered using React with SVG, the visualization uses the `geoNaturalEarth1` projection and `geoPath` API from d3.v5 to draw a world map with graticules, while the `topojson` library supplies land and interior boundaries. Student locations, manually geocoded and stored as CSV data, appear as colored circles, with a legend showing the date range.

CCurran Kelleher
91% match
Loading thumbnail…

Locations of Datavis 2020 Students First Pass

This visualization maps the approximate physical locations of students who joined Datavis 2020 during its first few days, with each location geocoded from student introductions in Slack. The map displays green circles over a natural Earth projection, using React and d3-geo’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render landmasses, graticules, and sphere outlines from TopoJSON world-atlas data. The SVG rendering includes country interiors as mesh lines, while the city coordinates come from a hardcoded CSV parsed with `csvParse`.

CCurran Kelleher
91% match
Loading thumbnail…

Locations of Datavis 2020 Students First Pass- my work

This visualization displays the approximate global locations of Datavis 2020 students based on their self-reported introductions in a Slack channel, with points representing centroids for broader regions. It uses a natural Earth projection via `d3.geoNaturalEarth1` and renders world landmasses, graticules, and interior boundaries using `d3.geoPath` within an SVG. City coordinates are geocoded and parsed from a CSV string using `d3.csvParse` and plotted as green circles, with styling defined in CSS for map elements and a title overlay. The world atlas data is fetched from a remote JSON file and processed with the `topojson` library.

Ssowbalas
90% match
Loading thumbnail…

Locations of Datavis 2020 Students First Pass- my work

This visualization displays the approximate global locations of Datavis 2020 students based on their self-reported introductions in a Slack channel, with points representing centroids for broader regions. It uses a natural Earth projection via `d3.geoNaturalEarth1` and renders world landmasses, graticules, and interior boundaries using `d3.geoPath` within an SVG. City coordinates are geocoded and parsed from a CSV string using `d3.csvParse` and plotted as green circles, with styling defined in CSS for map elements and a title overlay. The world atlas data is fetched from a remote JSON file and processed with the `topojson` library.

Ssowbalas
90% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date

This visualization maps the global distribution of Datavis 2020 students, coloring each point by the week they joined. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with world atlas data from TopoJSON. Student locations are geocoded coordinates rendered as circles on an SVG, with a sequential viridis color scale showing join dates. The React component structure and D3 utilities like `scaleSequential` and `timeFormat` drive the legend and date encoding.

MmayowaOyetola
90% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date

A world map plots the approximate locations of students who joined Datavis 2020, with each point colored by the week they joined. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render land masses, graticules, and country borders from TopoJSON data. Student locations, manually geocoded from Slack introductions, appear as circles sized and colored by a sequential Viridis scale based on join date. A color legend with date ticks helps interpret the temporal distribution.

GGoBeyonde
89% match