JchenC361

@JchenC361·3 public vizzes

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.

May 13, 2021

Loading thumbnail…

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive dashboard links a world map of migrant deaths with a time-series histogram, supporting brushing to filter the map by date range. The map uses a natural Earth projection with graticules, while the histogram aggregates monthly death totals. Built with React and D3 v5, it leverages `useMemo` for performance, `geoNaturalEarth1` and `geoPath` for geographic rendering, and `brushX` for interactive selection. Data comes from the Missing Migrants Project, visualized as scaled circles.

May 13, 2021

Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a simple text message within a web page. The visualization uses D3 version 5, loaded from a CDN, to provide potential data manipulation capabilities. The page structure consists of an HTML div with the id "message" and an external JavaScript file, bundle.js, which contains the logic for rendering. This example demonstrates a minimal setup for integrating D3 with standard HTML and CSS, serving as a foundational template for more complex graphics. The visible output is a static text message, as no data transformations or D3-specific visualization functions are shown in the provided code.

May 12, 2021