Skip to main content
SimilarExport ZIP
100%

Fork of Locations of Datavis 2020 Students By Date

✓ Published1🌍 Public
NNarayana Reddy
Last edited Apr 20, 2021
Created on Apr 20, 2021

A world map visualizes the global distribution of students who joined Datavis 2020, with each dot colored by the week they joined. It uses d3.geoNaturalEarth1 and d3.geoPath for map projection, topojson for world atlas data, and React with SVG rendering. A sequential color legend shows the date range. Data comes from manually geocoded student locations in Slack.

AI-generated description

This map shows approximate locations of the students who joined Datavis 2020 in its first few days.

The list of locations was compiled by manually going through the places mentioned by students in their introductions in our Slack channel #datavis-2020 in the D3 Slack Group. These are the locations where the students are actually located physically.

Each location mentioned was geocoded using Google (example Kansas City longitude and latitude and entered into the code here in useCities.js.

The locations mentioned range from countries to states to particular cities. For regions like countries or states, the point represents its centroid. Locations are by no means exact, but the point of this viz is to give a sense of the global distribution of students.

This version includes newer data, and colors students by the week that they joined. The first week ended on Jan. 3, 2010.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Locations of Datavis 2020 Students By Date

This map visualizes the geographic distribution of Datavis 2020 students, with each circle representing a student’s approximate location and colored by the week they joined. The visualization uses D3.js’s `geoNaturalEarth1` projection and `geoPath` to render the world map, graticules, and country interiors from TopoJSON data. Student coordinates, manually geocoded into a CSV, are plotted as SVG circles using React, with a sequential Viridis color scale for the join date and a legend showing the date range.

NNarayana Reddy
95% match
Loading thumbnail…

Fork of Locations of Datavis 2020 Students By Date

This map shows the geographic distribution of Datavis 2020 students, with each dot colored by the week they joined the course. The visualization uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` to render world landmasses, graticules, and interiors from TopoJSON data. Student locations are plotted as circles with radii of 5 pixels, using a sequential Viridis color scale to encode join dates. The React components `Marks` and `ColorLegend` manage the SVG rendering, while data comes from a manually geocoded CSV parsed with `csvParse` and `timeParse`.

Mmoslem-tg
94% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date (Forked=React without zoom-interaction)

This visualization displays the geographic distribution of Datavis 2020 students, color-coded by the date they joined the course. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` to render country borders, graticules, and a sphere backdrop. Student locations appear as circles, with a sequential Viridis color scale mapping joining dates. The legend, built with custom React components, shows the date range. Data comes from manually geocoded student introductions in Slack.

RRussell Watson
93% 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
92% 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
92% 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
92% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date

This map shows the global distribution of students who joined Datavis 2020 during its first week, with each point colored by the date they joined. A color legend on the left displays the date scale, while circles on a natural Earth projection mark student locations based on manually geocoded coordinates from introductions in the D3 Slack group. The visualization uses React for components, d3.geoNaturalEarth1 and d3.geoPath for map projections, d3.scaleSequential with interpolateViridis to encode dates, and loads world atlas data via topojson.

MmayowaOyetola
91% match
Loading thumbnail…

Locations of Datavis 2020 Students By Date

This map shows the global locations of Datavis 2020 students who introduced themselves during the first week, with each dot colored by the date they joined. The visualization uses a natural Earth projection, rendered as SVG via React with D3 v5, and leverages `d3.geoPath` and `d3.geoGraticule` to draw the landmasses and graticules. Student locations are geocoded from Slack introductions and plotted as colored circles, with a sequential viridis color scale and a legend indicating the join date.

MmayowaOyetola
90% match