Skip to main content
SimilarExport ZIP
100%

Fork of task-9

✓ Published0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 28, 2024
Created on Apr 26, 2024
Forked from task-9

A donut chart displays house prices for Urban and Suburban areas, filtering out Rural data from a three-location dataset. Two arc segments represent the filtered price values, with a legend listing each location and its corresponding dollar amount. The visualization uses D3 v7 with `d3.pie()` and `d3.arc()` to generate pie geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG rendering. A title annotates the chart as comparing house prices across these two area types.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of task-9(2)

This area chart displays house prices across three locations—Rural, Urban, and Suburban—with a steelblue filled path and labeled values. Built with D3 v7, it uses `d3.area()` to generate the path, `scaleBand` for the x-axis, and `scaleLinear` for the y-axis. The SVG includes axes via `axisBottom` and `axisLeft`, with prices formatted as dollar amounts. A title annotation appears at the top, and the static dataset is hardcoded in the script.

DDivyaKota2@my.unt.edu
87% match
Loading thumbnail…

Task_1_Question_1

This chart displays housing costs for different urban areas as a pie chart, using color-coded slices to represent each location’s proportion of the total. A legend on the right maps slice colors to place names. The visualization is built with D3 v5, using `d3.pie` to compute arc data and `d3.arc` to generate SVG paths. Data is fetched as CSV from a GitHub gist, and `d3.scaleOrdinal` assigns slice colors from a predefined palette. The SVG output is centered and styled via CSS.

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

Task - 9&10 - Q1)

This D3.js v7 visualization displays the prices of various gadgets as an interactive pie chart with a legend. It uses `d3.pie` and `d3.arc` to compute the chart geometry, with categorical colors from `d3.schemeCategory10` via `d3.scaleOrdinal`. Hovering over a slice reveals a tooltip showing the gadget name and price, and each slice is labeled with its corresponding name. Data is loaded from a remote CSV file using `d3.csv`. The chart is rendered as SVG, with the legend positioned separately using `d3.select` and appended HTML elements.

Mmulyasuji999@gmail.com
74% match
Loading thumbnail…

Fork of Donut Chart v2

This donut chart displays proportional data from a JSON file (data.json) with country names and numeric sums, rendered as an SVG using D3.js v4. The visualization uses a pie layout with a half-radius inner hole and divergent color scheme from d3-scale-chromatic. Labels are positioned outside the arcs using polyline connectors and text elements, with the arc generator determining slice geometry and outerArc handling label placement. The example demonstrates D3’s modular approach to building interactive, data-driven graphics.

MMaeva B
74% match
Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This donut chart displays income categories (Sales, Dividends, Interest) with each slice’s percentage revealed via an interactive tooltip on mouseover. Built with D3 v5, it loads data from data.csv, scales colors with `scaleOrdinal`, and computes slice geometry using `pie` and `arc` functions. Hovering highlights each slice’s opacity change and shows a tooltip positioned at the cursor, while labeled text sits inside each arc segment. The SVG rendering includes a padded, rounded arc style with corner radius.

NNarayana Reddy
74% match
Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart visualizes income breakdown across three categories—Sales, Dividends, and Interest—using repeated rows from a CSV file. Built with D3 v5, it renders an SVG donut with labeled slices and a hover tooltip displaying each category’s percentage. The code leverages `d3.pie` for arc calculation, `d3.arc` for path geometry, and `d3.scaleOrdinal` for color mapping. Hovering highlights a slice and dynamically positions a tooltip using mouse coordinates.

RRochelle
74% 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
74% match