Skip to main content
SimilarExport ZIP
100%

Assignment2.2_PieChart

✓ Published0🌍 Public
TTony Mai
Last edited Mar 13, 2026
Created on Mar 13, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2.2_PieChart

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()`.

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
89% 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
82% 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

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…

Fork of NYC Crime

The visualization presents NYC crime data through a choropleth map that aggregates incidents by precinct, with linked subplots showing crime type distribution and breakdowns by age and race. Users can interact with the map and reset the view. The map uses D3’s `d3.geoMercator` projection and `d3.geoPath` for drawing precinct boundaries, while the pie chart and two bar charts are built with D3 scales and SVG groups. A legend and tooltip accompany the map.

Ttaiba-dv
68% match
Loading thumbnail…

Assignment-2

This pie chart visualizes the distribution of fish species from a CSV dataset loaded via `d3.csv`. It uses `d3.nest()` to count occurrences per species, then `d3.pie()` and `d3.arc()` to generate the chart geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. The SVG rendering includes an interactive legend, and the code demonstrates a reusable pattern for pie charts with D3 v6.

Bbhavyasrireddy267@gmail.com
68% match
Loading thumbnail…

Assignment2_1

This example shows the population distribution of countries as a pie chart, with each slice labeled by country in a legend beside the chart. The visualization uses D3 v7 to load CSV data from a GitHub gist, compute pie angles with `d3.pie`, and render slices using `d3.arc` into SVG paths. A tooltip, implemented with HTML overlays, displays the country name and population on hover. Colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`.

MManishaBoppa@my.unt.edu
68% match