Skip to main content
SimilarExport ZIP
100%

Task 9&10 Q2

✓ Published0🌍 Public
Nnsairitwikreddy@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024

This visualization displays the Iris dataset, showing the sepal and petal measurements for each of the three iris species. Four overlapping area charts are rendered as SVG paths, each filled with a different color to represent the sepal length, sepal width, petal length, and petal width. The visualization uses d3.area to construct the paths, with xScale and yScale from d3.scaleBand and d3.scaleLinear respectively. The data is loaded from a remote CSV file via d3.csv. A legend and axis labels are included for clarity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task-9&10 (Q2)

This area chart visualizes the four key attributes of the Iris dataset (sepal length, sepal width, petal length, and petal width) grouped by species. Using d3.v7 with SVG rendering, it overlays four semi-transparent areas with distinct colors (steelblue, orange, green, purple) to compare attribute values across different Iris species. The chart employs d3.scaleBand for the categorical x-axis, d3.scaleLinear for the numeric y-axis, and d3.area to construct the area paths. Data is loaded from an external CSV file via d3.csv, with axis labels and a legend providing context.

Nnagabinduk2023@gmail.com
92% match
Loading thumbnail…

Task 9&10 Q1

This visualization presents a pie chart of iris sepal lengths grouped by species, with a color-coded legend identifying each species category. The chart uses D3.js v7 to load the iris dataset from GitHub, compute the pie layout with `d3.pie`, and render arcs with `d3.arc` as SVG paths. A legend is generated from the species labels, and each segment’s color is assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`. The SVG includes a title and an axis label, though no interactive behavior or additional encoding is implemented beyond static display.

Nnsairitwikreddy@gmail.com
88% match
Loading thumbnail…

task 9

This animated scatter plot explores the Iris dataset, displaying sepal and petal measurements as colored circles representing three species. The visualization cycles through different measurement pairings on the x-axis at regular intervals, updating the axes and circle positions accordingly. Built with D3.js (v6), it uses scaleLinear, axisBottom, axisLeft, and CSV data loading. The SVG rendering includes a custom legend with labeled species colors and rotating axis titles, all styled via external CSS.

Sshivasaiamaravadi@gmail.com
87% match
Loading thumbnail…

Task4

This bubble chart visualizes the Iris dataset, plotting sepal length on the x-axis against sepal width on the y-axis, with each flower’s petal length controlling the circle’s radius. Species are color-coded using `d3.scaleOrdinal`, and hover tooltips display exact measurements. The visualization, rendered with SVG, includes axes with `d3.axisBottom` and `d3.axisLeft`, a legend, and a secondary circle reference for petal length. Data is loaded asynchronously from `iris.csv` using `d3.csv`.

NNagalakshmi Thota
87% match
Loading thumbnail…

task-8(Q4)

This bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for 150 flowers. Each circle's size encodes petal length, while its color distinguishes the three species, with a legend mapping categorical colors. The SVG rendering uses D3 v7 scales for positioning and sizing, with a tooltip that displays species and sepal measurements on hover. The implementation shows no animation, only static circles with interactive mouse events, despite the metadata noting animation support.

Ttallurisaiteja96@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This visualization shows a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) colored using custom markers—skyblue, lightgreen, and orange respectively. The plot also encodes sepal dimensions by setting each circle’s rx and ry attributes to the sepal length and width values, creating elliptical shapes. The code uses d3.csv to load data, d3.scaleLinear with extent for scales, and d3.axisLeft and d3.axisBottom for labeled axes. SVG circles are joined to the data, with axis labels added as text elements.

Kkrishnavisheshkatta@my.unt.edu
86% match
Loading thumbnail…

Fork of Task8_Q3_2

This visualization is a scatter plot of the Iris dataset showing sepal length on the x-axis and petal length on the y-axis, with points colored by species and encoded with different shapes via a categorical scale. It includes a shape legend for the iris species (setosa, versicolor, virginica) and labeled axes. The plot is rendered using D3.js v7 with SVG paths generated by the `d3.symbol` API, and data is fetched as CSV from a GitHub repository. The modular code imports axis and legend helpers that use `d3.axisLeft`, `d3.axisBottom`, and `d3.scaleOrdinal`.

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

Activity 7_Task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (red, light green, and orange). It uses d3.csv to load the data from a GitHub gist, then applies d3.scaleLinear and d3.extent to establish the scales, rendering circles as SVG elements with d3.axisLeft and d3.axisBottom for the axes. The code also encodes sepal length and width as attributes, though they do not affect positioning or radius.

KKeerthiAnnem
86% match