Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Task9&10 Question2

✓ Published0🌍 Public
MMallikarjun Narra
Last edited Apr 28, 2024
Created on Apr 28, 2024

This example shows a genre distribution from a CSV dataset as a single steelblue area chart, with genres on the x-axis and aggregated counts on the y-axis. The code uses D3 v7 with `d3.csv` to load remote data, `d3.rollup` to sum counts per genre, and `d3.area` with `d3.scaleBand` and `d3.scaleLinear` to generate the SVG path. It renders axes via `d3.axisBottom` and `d3.axisLeft`, and includes labeled axes and a title.

AI-generated description

Pie Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of task 8 question 2

This stacked bar chart visualizes the distribution of movie ratings across five genres using percentage data from a CSV file. The D3 v7 code employs `d3.stack()` to compute stacked segments and `d3.scaleOrdinal` with custom color ranges to differentiate rating categories. SVG rendering displays horizontal bars, with `d3.axisBottom` and `d3.axisLeft` providing scales. Interactive tooltips appear on mouseover, showing the exact percentage for each genre-rating combination, while the chart includes a title, axis labels, and a legend.

Vvchittimadha@gmail.com
82% match
Loading thumbnail…

Fork of Q 2 task 9 & 10

This area chart visualizes scores associated with different names from a CSV file loaded via d3.csv. The chart uses an SVG rendering with d3.area and a monotone curve to create the filled path, while scaleBand and scaleLinear map the data to x and y axes. The code includes rotated axis labels, steelblue styling, and gridlines generated with axisBottom and axisLeft.

RRakesh Yadav
81% match
Loading thumbnail…

Fork of Fork of Activity_6_Task_3_q6

This scatter plot visualizes the relationship between the percentage of ratings in the 5.0-6.5 range and the 6.5-7.5 range for different music genres, drawn from a CSV file hosted on GitHub. Each circle represents a genre, colored via a categorical scale, with tooltips showing genre and coordinates. The implementation uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create scales, and render axes and circles as SVG elements.

Lleelakrishnadivi7@gmail.com
81% match
Loading thumbnail…

Fork of task 8 question 2

This stacked bar chart displays movie genre ratings as horizontal bars, segmented by genre category (Action, Adventure, Comedy, Drama) across five rating types. Each bar segment shows the percentage share via a hover tooltip. Built with D3 v7, the visualization uses `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisLeft` to render SVG rectangles, with data from a local CSV file.

Vvchittimadha@gmail.com
81% match
Loading thumbnail…

Fork of Fork of Fork of task 8 question 2

This example displays a stacked bar chart of movie ratings by genre, using a diverging horizontal layout where each bar segment represents a different rating category's percentage. The bars are color-coded with a categorical scale, and hovering over a segment reveals a tooltip with the exact percentage. The visualization is built with D3 v7, using `d3.stack()` to process the data and `d3.scaleBand()` for the y-axis. The chart renders as SVG, with data loaded from a CSV file.

Vvchittimadha@gmail.com
80% match
Loading thumbnail…

Task_9&10_questions_2

This area chart displays the distribution of movie ratings across six genres, with each genre’s proportional share of five rating categories stacked over the rating scale. The visualization uses D3.js v7 with a stacked area generator, `d3.stack()`, `d3.area()`, and `d3.scalePoint()`/`d3.scaleLinear()` for axes. Data is loaded from a remote CSV via `d3.csv()`, and the SVG render includes gridlines from axis tick marks, colored genre regions, and a legend listing each genre.

HHarinathChakali33@gmail.com
80% match
Loading thumbnail…

Question2

This example displays a multi-series area chart of genre rating proportions using D3 v6. It loads CSV data from a GitHub gist, parses columns into separate genre series, and renders overlapping filled areas with a categorical color scheme alongside an x-axis for genres and a y-axis for ratings. The code uses `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, `d3.area`, `d3.axisBottom`, `d3.axisLeft`, and `d3.schemeCategory10`, outputting to an SVG container. A legend maps each genre to its corresponding color.

Ttallavijayalakshmi0710@gmail.com
80% match
Loading thumbnail…

Fork of task9_question1

This pie chart visualizes the distribution of Netflix titles across genres using data loaded from a remote CSV file. The chart slices are colored with D3’s `schemeCategory10` and labeled with each genre’s percentage, which is calculated from the arc’s angular span. A legend with color swatches identifies each genre. The example demonstrates key D3 v7 APIs, including `d3.rollup` for aggregation, `d3.pie` for arc generation, and `d3.arc` for path rendering, all output as SVG.

Rravularasesh3102@gmail.com
80% match