wex@stu.ouc.edu.cn

@wexx-1415·3 public vizzes

Fork of Migrant Deaths Linked Views with Fast Brushing

This interactive visualization combines a world map with a time-series histogram to explore migrant deaths and disappearances. A brushed time range on the histogram filters the map’s proportional circles, which encode total deaths per location, using `d3.brushX` for fast linked updates. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for country boundaries, while the histogram bins monthly totals with `d3.histogram`. Data comes from the Missing Migrants Project CSV, and React’s `useMemo` optimizes rendering performance.

Jul 18, 2024

Loading thumbnail…

Fork of Rendering Data with React & D3

This example visualizes the CSS named color dataset as a radial burst of slices, each colored by its corresponding hex value. The data loads via `d3.csv` from a GitHub gist, then React renders the SVG paths. D3’s `pie` and `arc` utilities compute the slice angles and paths, while the colors come directly from the dataset’s `RGB hex value` column. The sort order is determined by parsing the hex number, creating a gradient-like sequence around the circle.

Jul 16, 2024

Loading thumbnail…

Fork of Hello HTML

A bare HTML document demonstrates the minimal structure of a web page, with a `<title>` element and an empty `<body>`. The page contains no visible content and uses no external libraries or JavaScript. It is a static, valid HTML file that renders as a blank browser window, serving as a starting point for further development. The example relies solely on native HTML markup without any styling or interactive behavior.

Jul 14, 2024