Skip to main content
SimilarExport ZIP
100%

Boston

✓ Published0🌍 Public
Mmailtomeanusha11@gmail.com
Last edited Apr 29, 2024
Created on Apr 29, 2024

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.

AI-generated description

The above pie chart is created by using html, css, d3.js. CSS is used for styling the web page.

MIT Licensed

Similar vizzes

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

Boston Housing Dataset Part I

This visualization presents four scatter plots exploring relationships in the Boston Housing Dataset, focusing on median home value (medv) against variables like lower-status population percentage, pupil-teacher ratio, building age, and nitrous oxide concentration. The plots reveal correlations, such as the strong negative relationship between medv and lstat, while coloring points by additional attributes like indus or ptratio and sizing by the chas binary variable. Built with the vega-lite-api library and D3, the charts load CSV data from a GitHub Gist and render interactively with tooltips and a custom dark-themed configuration.

Yyuzhang21
79% match
Loading thumbnail…

Fork of Boston Housing Dataset Part I

This visualization displays four scatter plots exploring correlations in the Boston Housing Dataset, with median home value (medv) plotted against lstat, pupil-teacher ratio, age, and industrial character (indus/nox). Each plot uses color and size encodings for additional variables, revealing relationships such as the strong negative correlation between housing price and lower-status population percentage. Built with the vega-lite-api library, the code fetches CSV data via d3.csv and renders interactive SVG charts with custom tooltips, axis styling, and a dark color scheme through the vega-tooltip handler and vega-lite configuration.

Llimenzi
78% match
Loading thumbnail…

Boston Housing Dataset Part II

This visualization explores the Boston Housing dataset by splitting it according to the `rad` variable (accessibility to highways), which clusters at values 1–8 or 24. Four scatterplots compare house price (`medv`) against `rad` and lower-status population percentage (`lstat`), with circle size encoding proximity to the Charles River (`chas`) and color indicating average room count (`rm`). Built with the `vega-lite-api` and rendered using Vega-Lite, the plots load CSV data from a Gist and are configured via a custom `config.js`. The author uses `vl.markPoint`, `vl.markSquare`, and `vl.markCircle` to distinguish the visualizations.

Yyuzhang21
78% match
Loading thumbnail…

Area Chart - boston

This area chart visualizes the Boston housing dataset, showing the relationship between the average number of rooms (RM) and the median home value (MEDV) in thousands of dollars. The chart uses a steelblue filled area to depict the trend, with the data sorted by room count. Built with D3 v5, the visualization employs `scaleLinear`, `area`, `axisBottom`, and `axisLeft` to render the SVG. Data is loaded asynchronously via `csv` from a GitHub repository, and axes and a legend are added manually within the SVG container.

Aanushapodapati99@gmail.com
78% match
Loading thumbnail…

Fork of Hello VizHub

This scatter plot visualizes the Boston Housing dataset, showing the relationship between the number of rooms and property tax rates. The visualization loads CSV data via D3's `d3.csv`, then scales both axes using `d3.scaleLinear` with `d3.extent` to determine domains. Circles are rendered with `d3.selectAll` and `.enter()`, while axes are generated using `d3.axisBottom` and `d3.axisLeft`. The chart is built with D3 v7, rendering SVG elements within a flex-centered container.

Vvaishalireddy55555@gmail.com
78% match
Loading thumbnail…

Pie Chart Housing Data

This pie chart visualizes the distribution of median housing prices across eight income brackets, ranging from under $82,000 to $442,000 or more. Each slice represents a price range, with its size proportional to the number of homes in that category. The visualization uses d3.pie() and d3.arc() to generate the chart, while d3.scaleOrdinal with a custom color range distinguishes the segments. A legend with colored squares and labels is added using SVG rect and text elements, and the data is embedded directly as a JavaScript object rather than loaded from an external file.

BBrian Gilmore
78% match
Loading thumbnail…

pie chart

This pie chart visualizes temperature distribution across cities from an online food orders dataset, categorizing temperatures into low, medium, and high ranges. The chart uses a standard D3 pie layout with colored arcs and labels, displaying category names directly on the slices. A legend with matching color swatches appears beneath the SVG. The visualization is built with the D3 v7 library, using d3.pie, d3.arc, d3.scaleOrdinal, and d3.csvParse to fetch and process the remote CSV data.

Aanusha.chilkamarri26@gmail.com
77% match