Skip to main content
SimilarExport ZIP
100%

D3 v4 - piechart

✓ Published0🌍 Public
RRainismZ
Last edited Sep 27, 2017
Created on Sep 27, 2017

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.

AI-generated description

Housing New York Units by Building

The Department of Housing Preservation and Development (HPD) reports on buildings, units, and projects that began after January 1, 2014 and are counted towards the Housing New York plan. The Housing New York Units by Building file presents this data by building, and includes building-level data, such as house number, street name, BBL, and BIN for each building in a project. The unit counts are provided by building. URL / Download Data (CSV)

This donut chart shows the total numbers of projects in each neighborhood.

Origional code from shimizu.

mit Licensed

Similar vizzes

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
100% match
Loading thumbnail…

Activity 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji
75% match
Loading thumbnail…

Activity 7 Q1

This donut chart shows the distribution of housing data by ocean proximity using a dataset from a GitHub repository. The visualization displays categorical slices of a pie, each colored by its category, with direct labels on the segments and a legend showing category names and counts. The example is built with D3 version 6, utilizing `group`, `pie`, `arc`, and `scaleOrdinal` to process CSV data and generate the chart, which is rendered as SVG. The title "Housing Distribution by Ocean Proximity" is displayed above the chart.

Pperamranji
75% match
Loading thumbnail…

Boston

A pie chart visualizes the distribution of Boston housing prices, categorized into low, medium, and high ranges from the BostonHousing CSV dataset. The SVG chart uses D3.js v5, with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate colored slices and labels. Data is fetched via `d3.csv` and mapped from the `medv` column, with counts computed per category before rendering.

Mmailtomeanusha11@gmail.com
74% match
Loading thumbnail…

Donut-Pie Chart

This donut-pie chart combines two D3 v3 pie layouts to show hierarchical proportions of issue statuses: the outer donut ring displays the current status totals, while the inner pie wedges break down each prior status within those totals. Both layers share an ordinal color scale mapping statuses—New, Open, Reopened, Closed—and use `d3.svg.arc` for rendering SVG paths. Data is loaded from a CSV file and processed with `d3.nest` and rollup to aggregate counts by current status before sorting.

SSpaceActuary
74% match
Loading thumbnail…

Fork of Fork of D3 Pie chart

This fork of a D3 pie chart displays the distribution of US housing sales by the number of bedrooms in each property. The visualization uses a standard SVG pie chart, with each slice representing a category of bedroom count and colored using a categorical color scheme. The chart loads its data from a remote CSV file, which is parsed using `d3.csv`. The pie geometry is computed with `d3.pie`, and the slices are drawn using `d3.arc`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to the different segments.

Ssowmyakancharla01@gmail.com
73% match
Loading thumbnail…

Pie Chart of NYC Food Data

This pie chart visualizes the distribution of food orders by cuisine type from a Foodhub NYC delivery dataset. Slices are sized by order count, labeled with totals, and paired with a color-coded legend, showing a clear ranking of culinary preferences. The chart uses D3.js v7 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to group, sort, and render the data. The underlying data is loaded from a CSV file of order details, and the chart updates only after all records are parsed.

UUmarani Vemula
73% match
Loading thumbnail…

Final Project Sebasteine Marquez COMM 460 V01 Info Arts

This horizontal bar chart displays the population of New York City’s five boroughs, with bars ordered from Bronx to Staten Island. It uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and borough names, rendering SVG rectangles scaled by population. Axes are drawn with `axisBottom` and `axisLeft`, with tick labels formatted using D3’s `format('.3s')` to abbreviate millions. Data is loaded via `csv` from a local data.csv file, and populations are multiplied by 1000 before rendering.

YYaderpy
73% match