mxd

@132mxd·3 public vizzes

Fork of Playing with D3 and Gantt

This fork of “Playing with D3 and Gantt” presents an interactive Gantt chart tracking date ranges for a list of countries. It displays horizontal bars on a timeline, with a brushed mini-map below for zooming and a vertical current-line indicator. The visualization uses D3 v6 APIs including `scaleTime`, `scaleLinear`, `brushX`, `axisBottom`, and SVG transitions. Country data is hardcoded in a separate module, and the chart responds to window resizing while supporting mouseover tooltips via appended HTML divs.

Nov 23, 2021

Loading thumbnail…

Fork of Kent County (UK) Police Stop & Search Map

This interactive map visualizes police stop and search incidents across Kent County, UK, with colored dots representing recorded events. Users can filter the data by race and various attributes such as gender, legislation, and outcome through dropdown menus. The visualization uses d3.geoPath with a geoEqualEarth projection to render county boundaries from TopoJSON data, while React manages the interface state. A color legend allows hovering to highlight specific categories, temporarily fading unrelated points. The underlying data comes from the UK police data portal and Diva-GIS map sources.

Sep 9, 2021

Loading thumbnail…

Fork of React Starter

This example shows a minimal React application that renders the text “Hello React!” in large, centered type. It uses React 16.13.1 and ReactDOM to mount the `App` component into a `#root` div, with a CSS class controlling font size and alignment. The code loads React from a CDN and bundles the JavaScript into `bundle.js`, demonstrating a basic component-based rendering setup.

Apr 22, 2021