taniafgithub

@taniafgithub·2 public vizzes

Fork of SF Arrests _Tuto

This visualization maps San Francisco arrest incidents from the last seven days onto an Analysis Neighborhoods basemap, with each arrest represented as a semi-transparent circle. It uses D3 v5 with a conic equal-area projection, loading neighborhood GeoJSON and street data from SF Open Data SODA API endpoints. The code leverages d3.geoPath for map rendering, d3.json for asynchronous data loading, and d3.timeDay with time formatting to compute the rolling date range for the arrest query, which filters by resolution type and non-null coordinates. Interactive tooltips display neighborhood names on hover, and an outline highlights the active district.

Aug 16, 2023

Loading thumbnail…

Fork of React & D3 Starter

This example demonstrates a reusable starter pattern for integrating React with D3.js, displaying the classic Iris dataset as a scatterplot. The visualization maps sepal length and petal length onto x- and y-axes using D3’s `scaleLinear` and `extent`, with circles rendered via SVG. React manages the component lifecycle through hooks like `useState`, `useEffect`, and `useRef`, while D3 handles selection, data joins, and axis generation with `axisLeft` and `axisBottom`. The code showcases decoupled architecture, scaling for complexity, and copy-paste compatibility with existing projects.

Aug 16, 2023