Skip to main content
SimilarExport ZIP
100%

Pie Chart - boston

✓ Published1🌍 Public
Aanushapodapati99@gmail.com
Last edited Apr 29, 2024
Created on Apr 29, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes the Boston housing dataset, comparing median home values against various attributes such as room count, lower status population, and crime rate. Built with D3.js, the visualization cycles through these different x-axis variables every two seconds, dynamically updating the plot and axis labels. The chart uses SVG rendering and employs a custom, reusable scatter plot charting function that leverages D3's linear scales, extent, and axis utilities for data mapping and visual encoding.

Rranjithkmr598@gmail.com
77% 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
77% 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
75% match
Loading thumbnail…

pie

This pie chart displays the categorical sum of a numeric value, with interactive controls to select the category and value columns from a CSV/TSV dataset. Small slices below a configurable minimum share are grouped into an “Other” slice, and the chart updates with animated transitions. Built with D3 v7, it uses `d3.dsvFormat` for automatic delimiter detection, `d3.rollup` for aggregation, and `d3.arc` for rendering each slice as an SVG path. Hovering reveals a tooltip with the exact value and percentage share. The data is fetched from a remote gist file.

Sshreelasya.bezawada@gmail.com
75% match