Activity 7 Q1

100%

✓ Published0🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

89% match

Loading thumbnail…

Activity-7.1 Q1

This visualization shows housing costs across different urban areas as a pie chart. The code loads data from a CSV file and uses d3.pie and d3.arc to generate the sectors, with d3.scaleOrdinal assigning distinct colors to each location. The SVG rendering includes a legend displaying the urban area names alongside their corresponding color swatches. The dataset is fetched asynchronously from a GitHub gist, and the chart updates dynamically once the data is loaded.

Ttarun.chintada46@gmail.com

79% match

Loading thumbnail…

Activity7 Q1

This pie chart visualizes the distribution of population (in millions) across income brackets, using a dataset loaded from a GitHub gist. The chart is rendered as an SVG with slices colored by income bracket categories, and includes a legend and axis labels for context. The visualization is built with D3 version 7, employing the `d3.pie` layout, `d3.arc` for generating slice paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Data is parsed from CSV format and numeric values are coerced to numbers for aggregation.

SSai Gottumukkala

78% match

Loading thumbnail…

Activity7(q-1)

A donut chart displays the distribution of car classes (unacc, acc, vgood, good) from a CSV dataset, showing each category's percentage share with a legend indicating counts. Built with D3.js, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, rendering as SVG. The chart positions the pie on the left and legend on the right, with bold white percentage labels on each slice and a title above. Data loads via `d3.csv` from a GitHub gist.

Rrakshithareddy217@gmail.com

78% match

Loading thumbnail…

Activity_7_Q1

This visualization displays the distribution of car classes in a dataset using a donut-style pie chart. The chart renders four categories—unacc, acc, vgood, and good—with colored arcs and percentage labels, alongside a legend showing class names and counts. Built with D3 v7, it loads CSV data externally, uses `d3.pie` and `d3.arc` for slice geometry, and applies `d3.scaleOrdinal` for categorical colors. Labels are positioned via arc centroids, and the SVG output includes a title and styled legend.

GGOPI MUPPURI

78% match

Loading thumbnail…

Activity 7_question1

This example shows a donut chart of categorical sales data, with each slice labeled by category and a legend on the left. Hovering over a slice displays a tooltip with the percentage share of the total sales. The code uses D3 v7 with `d3.pie` and `d3.arc` to generate the pie geometry, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Data is loaded as CSV from a GitHub gist, and the SVG is rendered with a centered group and a 200-pixel right margin for the legend.

Vvenkatdinesh5010@gmail.com

78% match

Loading thumbnail…

Activity 7 , question 1

This visualization shows the distribution of car classes in a dataset using a donut pie chart, with each slice labeled by its percentage and accompanied by a color-coded legend showing category names and counts. The chart is built with D3.js v7, loading CSV data from a GitHub gist, and uses `d3.pie` and `d3.arc` to generate the slices. A categorical color scale maps the four classes, while text labels and the legend are positioned using SVG transformations.

Hharsha13638@gmail.com

78% match

Loading thumbnail…

activity 7 Q1

This visualization uses a D3.js v6 pie chart to display the population distribution across continents. The chart shows proportional slices for each continent, colored with a categorical color scheme and labeled directly on the chart. A legend identifies each continent. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and text labels. The data is loaded from a remote CSV file hosted on GitHub, and the chart is styled with a clean, white background and subtle shadows.

Ssumanthpenna0221@gmail.com

78% match