Assignment2.2_PieChart

100%

Assignment2.2_PieChart

✓ Published0🌍 Public

Last edited Mar 13, 2026

Created on Mar 13, 2026

A choropleth-style map of Brooklyn library branches uses orange points over a green base map. Each point is plotted by longitude and latitude from BPL_Locations.csv, projected with `d3.geoMercator()` and drawn as SVG circles. Hovering a point displays a tooltip with the branch name, phone number, and accessibility tags. The underlying neighborhood boundaries come from Brooklyn GeoJSON, rendered through `d3.geoPath()`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2.2_PieChart

This map of Brooklyn libraries plots each branch as a circle over a geographic map. The visualization uses a Mercator projection via `d3.geoPath` to render the borough’s shape, then positions the library points by parsing latitude and longitude from the CSV. Each point is colored orange and includes a hover tooltip that displays the library’s name, phone number, and accessibility features. The map is built with D3.v7, with map GeoJSON from a public GitHub repository and location data from the Brooklyn Public Library’s CSV.

TTony Mai

95% match

Loading thumbnail…

Assignment2.2_GeoMapGraph

This example maps the locations of Brooklyn Public Library branches as orange points over a green choropleth of Brooklyn neighborhoods. The map uses a D3 geoMercator projection and d3.geoPath to render GeoJSON boundaries, while library coordinates are loaded from a CSV and drawn as SVG circles. Hovering over a point enlarges it and displays a tooltip with the branch name, phone number, and accessibility status. The visualization is built with D3 v7 and renders entirely as SVG.

TTony Mai

91% match

Loading thumbnail…

Assignment2.2_BarGraph

This bar chart shows the distribution of Brooklyn Public Library branches by their accessibility status, with counts labeled above each bar. The SVG visualization is built using D3 v7, reading branch and access data from BPL_Locations.csv. It uses scaleBand and scaleLinear axes to plot the data, and bars change color from steelblue to orange on hover. The chart groups branches into two categories: fully accessible and partially accessible.

TTony Mai

83% match

Loading thumbnail…

D3 v4 - piechart

This donut chart displays the total number of Housing New York projects in each of New York City’s five boroughs, using data from the Department of Housing Preservation and Development. It renders an SVG pie chart with d3.pie and d3.arc, applying a categorical color scale via d3.scaleOrdinal and d3.schemeSet3. Labels are placed along the arcs using SVG textPath elements. The underlying data is loaded from a local CSV file containing borough names and project counts.

RRainismZ

70% match

Loading thumbnail…

D3 v4 - piechart

RRainismZ

70% match

Loading thumbnail…

Fork of Bivariate Choropleth

This example visualizes racial demographics across New York census tracts using a bivariate choropleth. The map blends green for white population density and orange for Black population density, creating overlapping color gradients that show spatial distributions of both groups simultaneously. The visualization uses `d3.json` to load TopoJSON tract boundaries and American Community Survey demographic data, then renders the map with `d3.geoPath` and SVG paths. Colors are computed via `d3.scaleLinear` with color blending from the color-blend library, and the map supports zooming through `d3.zoom`.

HHaili0109

70% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher per U.S. county using a blue threshold color scale and a legend with tick marks. The code loads education data from a CSV and U.S. county boundaries from TopoJSON via `d3.json` and `d3.csv`, then renders paths with `d3.geoPath`. It uses `d3.scaleThreshold` and `d3.schemeBlues` for coloring, adds hover tooltips via SVG `<title>` elements, and overlays state boundaries with `topojson.mesh`. The visualization is built with D3 v5 and React, drawing to an SVG canvas.

CChase Hall

69% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map visualizes the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a blue sequential color scale with a legend. It renders SVG paths via `d3.geoPath` and TopoJSON data from `us-10m.v1.json`, while county values are loaded from `education.csv` and mapped with `d3.map`. The color scale employs `d3.scaleThreshold` and `d3.schemeBlues[9]`, with county tooltips showing exact percentages and state boundaries drawn as white strokes.

CChase Hall

68% match