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

100%

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

✓ Published0🌍 Public

Last edited Jan 9, 2020

Created on Jan 9, 2020

Forked from Locations of Datavis 2020 Students By Date

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.

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

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

93% match

Loading thumbnail…

Fork of Locations of Datavis 2020 Students By Date

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.

NNarayana Reddy

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

93% match

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

92% match

Loading thumbnail…

Locations of Datavis 2020 Students By Date

This visualization displays the geographic locations of Datavis 2020 students, colored by the week they joined the course, using a natural Earth projection. The map is rendered with SVG paths for the sphere, graticules, landmasses, and interiors, while student locations are drawn as circles whose colors encode their join date via a viridis sequential color scale. The project leverages `d3.geoPath`, `d3.geoNaturalEarth1`, and `d3.geoGraticule` for map generation, and a `ColorLegend` component shows the date range. Data is sourced from a hardcoded CSV of manually geocoded student locations, parsed with `d3.csvParse` and `d3.timeParse`.

MmayowaOyetola

92% match

Loading thumbnail…

Locations of Datavis 2020 Students By Date

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