Skip to main content
SimilarExport ZIP
100%

Task-2_jaynica

✓ Published0🌍 Public
Nnunnajaynica@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

This visualization compares rating proportions across genres using an area chart. Multiple overlapping area series are rendered as SVG paths, with a color-coded legend identifying each series. The code loads data from a remote CSV file using `d3.csv`, then builds the chart with `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.area` for series generation, and `d3.axisBottom`/`d3.axisLeft` for tick marks.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Fork of vizhub_jaswanth_question_2

This example visualizes rating proportions across different music genres using overlapping area charts. It loads CSV data from a GitHub repository and renders it as an SVG chart. The code uses D3 v6 APIs including `d3.csv` for data loading, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.area` to generate filled regions for each genre series. Each area is colored with `d3.schemeCategory10`, with legend entries displayed to the right of the chart.

JJaswanthkota@my.unt.edu
81% match
Loading thumbnail…

Area Chart Question 2

This example displays an area chart that visualizes the rating proportions of different genres across multiple categories. The chart loads CSV data from a GitHub gist and uses D3 v6 to render the visualization as an SVG. It employs `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to construct the areas, with axis labels and a legend showing each genre. The chart uses `d3.schemeCategory10` for color-coding the areas.

Vvankayalapatimounika2000@gmail.com
81% match
Loading thumbnail…

TASK 9&10 Q2 VITESH CHALICHEEMALA

This example presents a multi-series area chart that visualizes rating proportions across different genres, with each genre represented by a distinct colored area. The chart loads CSV data from a GitHub repository, parses ratings for each genre column, and renders overlapping areas using the D3.js v6 library via `d3.area`. It utilizes `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and applies `d3.schemeCategory10` for color coding. The visualization includes axis labels, a legend positioned to the right, and uses `d3.axisBottom` and `d3.axisLeft` to construct the axes, all within an SVG canvas.

Mmanju.972@gmail.com
80% match
Loading thumbnail…

Task_1_jaynica

This example shows a pie chart of video game genres, with each slice sized by the count of games rated above 8.5, as loaded from a remote CSV file. D3 v6 (loaded via UNPKG) is used to shape the slices with `d3.pie` and `d3.arc` into an SVG, using an ordinal color scale for genre categories. A legend, built with D3's selection and shape primitives, maps each color to its genre label.

Nnunnajaynica@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
79% match
Loading thumbnail…

Question_2_Sivani

This visualization by KSivani30 uses a multi-series area chart to display the proportion of ratings across various music genres. It shows how rating proportions differ per genre, with each colored area representing a separate data column from the loaded CSV source. The chart is rendered as an SVG using the d3 framework and draws the areas with the `d3.area` generator, applying a category-10 color scheme for differentiation. Axes are labeled "Genres" and "Rating Proportion" via appended text elements, and a legend identifies each series.

Kkommineniamarasadasivani2002@gmail.com
79% match
Loading thumbnail…

T2_Jaynica Nunna

A stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, using five rating brackets from "below 5.0" to "above 8.5." The chart reads percentage data from a CSV file, with each genre represented by a horizontal bar divided into colored segments. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked series, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the genre axis. Interactive tooltips appear on hover, showing the exact percentage for each rating category, rendered as SVG elements.

Nnunnajaynica@gmail.com
78% match