Skip to main content
SimilarExport ZIP
100%

Task9and10_PR_2

✓ Published0🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This example visualizes fruit preference data as a green area chart, mapping six fruit categories along a band scale and student preference counts along a linear scale. The visualization includes labeled axes, a legend, and a link to the underlying CSV dataset. The code uses d3.area() to generate the SVG path, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() and d3.axisLeft() to render the axes. A separate legend is built with SVG rectangles and text elements, while D3 is loaded via the v7 minified script from UNPKG.

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…

Task9and10_PR_1

This example presents a pie chart visualizing the distribution of favorite fruits among students, using a dataset of six categories such as Mango, Orange, and Plum. The chart is rendered as an SVG with D3 v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns distinct colors to each segment, while a custom legend lists the fruit categories alongside colored rectangles. The visualization also includes axis labels and a GitHub link pointing to the raw CSV data source.

Ppravallikaratankanthkatragadda@my.unt.edu
89% match
Loading thumbnail…

Task9&10_areachart

A stacked area chart displays the changing quantities of apples, oranges, and bananas over time, with each fruit represented by a distinct colored area stacked atop one another. The visualization uses D3.js v7, loading data from a remote CSV file and processing it with `d3.csv`. The chart employs `d3.stack()` to aggregate series, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.area()` to generate the filled paths rendered as SVG elements.

Mmanohar varma
80% match
Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

HHanuReddy
79% match
Loading thumbnail…

Fork of Task 6.2

A stacked bar chart displays the percentage distribution of fruit ratings across five categories, from "Below 1.0" to "Above 4.0," for nine fruit types. The visualization uses d3.stack() to compute stacked series, with d3.scaleOrdinal and a custom color palette mapping each rating category. Rendering as SVG, the chart includes axes via d3.axisBottom and d3.axisLeft, and an interactive tooltip that appears on mouseover via d3.select and event listeners. Data is loaded from a CSV file and formatted using d3.format.

Pperamranji
78% match
Loading thumbnail…

Activity6_Task3.2

A scatter plot visualizes the relationship between sweetness and crunchiness for fruit samples, with each point colored and shaped by fruit type (apple, banana, grape) via an SVG path. The D3 v7 code maps data from a remote CSV, uses a linear scale for both axes, and renders the chart with SVG. A separate shape legend uses D3 symbols, and a custom HTML legend indicates fruit types.

DDee
78% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the proportion of five taste categories—sour, bittersweet, sweet, very sweet, and extremely sweet—for five fruits: Apple, Banana, Orange, Mango, and Grapes. Each horizontal bar represents one fruit, segmented by taste category using a sequential color scale, with a legend on the right. Hovering over a segment displays a tooltip with the exact proportion value. The visualization is built with D3.js v7 using `d3.stack`, `scaleLinear`, and `scaleBand`, rendering as SVG, and loads data from a local CSV file.

Ssanjanaadapa7@gmail.com
78% match
Loading thumbnail…

Assignmenr2_Q1.1

This pie chart visualizes favorite fruit preferences using data loaded from a CSV file. Each slice represents a fruit category, with its size proportional to the recorded "Less than 3" value, and is colored using D3's `scaleOrdinal` with a custom palette. The chart includes a legend, value labels on each slice, and a title. Built with D3 v7, it leverages the `pie` and `arc` APIs to generate the arcs, while a simple `select` approach appends SVG elements to the page.

Ggreeshmareddy135@gmail.com
78% match
Loading thumbnail…

Fork of Activity6_Task3_Question3.1

This scatter plot visualizes fruit data, mapping fruit height and width along the axes while coloring each point by fruit type (apple, orange, banana, or other). The plot incorporates tree height and width as additional visual properties for the circular markers. The visualization uses D3 v6, loading CSV data from a GitHub gist, and employs `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to construct the SVG chart. The code also uses the `join` operation to bind data to SVG circles and custom text labels for axis descriptions.

KKondreddy Saikiran reddy
78% match