Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Locations of Datavis 2020 Students By Date

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

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.

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

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

Fork of Locations of Datavis 2020 Students First Pass

This visualization maps the approximate locations of Datavis 2020 students, based on manually geocoded places mentioned in Slack introductions. It shows a world map with green circular markers at each student’s location, ranging from specific cities like Chicago to broader regions like Brazil. The map uses React with D3 v5 APIs including `geoNaturalEarth1` and `geoPath` for projection and rendering, drawing graticules, land masses, and interior borders as SVG paths. Data is loaded from a hardcoded CSV using `csvParse`, while geographic boundaries come from the world-atlas TopoJSON dataset.

JJchenC361
90% 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
89% 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
89% match