Skip to main content
SimilarExport ZIP
100%

CITY OF BOSTON PROJECTS FY2017

✓ Published0🌍 Public
TTaraZhu
Last edited Oct 18, 2017
Created on Sep 25, 2017

This visualization is an SVG pie chart that shows the total length of road construction for each work type in Boston’s FY2017 projects. It uses the d3.pie and d3.arc APIs from D3 v4 to compute and draw the arcs, with a d3.scaleOrdinal color scale and a d3.legendColor legend to encode the categorical work types. The underlying data comes from a CSV file containing the scope of work and corresponding shape lengths for 341 items, sourced from Boston's open data portal.

AI-generated description

This dataset is about 341 item of boston roadway resurfacing, roadway reconstruction, and sidewalk reconstruction, the raw csv file can be found here.

More about this theme click this link.

This pie chart presents the total length of roads to be constructed in each work type.

Chart code forked from Curran Kelleher’s block.

mit Licensed

Similar vizzes

Loading thumbnail…

CITY OF BOSTON PROJECTS FY2017

This pie chart visualizes the total length of road construction work by type for Boston’s FY2017 projects, using data from the city’s open data portal. Each slice represents a work category, such as ARP, CRP, or Full Reconstruction, with the arc length proportional to the summed `Shape_Leng` values. The visualization uses D3 v4’s `d3.pie` and `d3.arc` to generate SVG paths, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors. A legend, created with the d3-legend plugin, labels each category. The chart builds from a CSV file containing seven rows of scope and length data.

TTaraZhu
96% match
Loading thumbnail…

CITY OF BOSTON PROJECTS FY2017

This pie chart visualizes the total length of Boston roadway and sidewalk projects for fiscal year 2017, grouped by scope of work such as reconstruction, resurfacing, and preservation. The data comes from the City of Boston’s open data portal and is rendered as an SVG using d3.v4, with the `d3.pie()` and `d3.arc()` generators to create the slices. A color legend, built with the d3-legend library, maps each work type to a distinct category color, and the chart is adapted from Curran Kelleher’s block.

TTaraZhu
94% match
Loading thumbnail…

Data Summary

This visualization presents a plain-text summary of a CSV dataset containing City of Boston projects for fiscal year 2017. It uses the Datalib library’s `format.summary` function to compute and display quantitative details, such as the number of rows, columns, and file size, alongside per-column summaries. The code loads the data via `d3.csv()` and appends the resulting summary to the page as a `<pre>` element.

TTaraZhu
76% 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
75% match
Loading thumbnail…

Pie Chart - boston

This pie chart visualizes the distribution of median home values (MEDV) from the Boston housing dataset, grouping prices into $10,000 increments to show frequency counts. Using D3.js v5, it employs the `pie` layout, `arc` generator for SVG paths, and `scaleOrdinal` for categorical color mapping. The chart renders within an SVG canvas, displaying segment labels and counts directly on the slices, with a legend positioned to the right. Data is fetched asynchronously from a raw GitHub CSV.

Aanushapodapati99@gmail.com
73% match
Loading thumbnail…

DV_Project_13

This dashboard displays Boston incident data through three interactive charts: a horizontal bar chart of the top ten offense types, an area chart showing incident distribution across the 24 hours of the day, and a pie chart of incidents by police district with percentage labels. Built with D3 v7, the code uses `d3.rollup` for data aggregation, `d3.scaleBand` and `d3.scaleLinear` for the bar and area charts respectively, and `d3.area` with `curveMonotoneX` for the hourly trend. A responsive CSS grid arranges the chart cards, with data loaded from a remote CSV file.

GGOPI MUPPURI
72% 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
71% 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
71% match