Skip to main content
SimilarExport ZIP
100%

Fork of Task8_Tutorial2

✓ Published0🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Task8_Tutorial

This scatter plot visualizes the Iris dataset, showing sepal length against petal length. It uses D3 v7 to render SVG circles as symbols, with different shapes representing iris species via `scaleOrdinal` and the `symbolsFill` API. A custom shape legend is drawn using `symbolGenerator`, and axes are generated with `axisLeft` and `axisBottom`. Data loads asynchronously from a GitHub-hosted CSV file and is parsed with `csvParse`.

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…

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

Task8_Tutorial2

This interactive scatter plot displays the relationship between sepal length and petal length for three iris species, using distinct symbols to differentiate species categories. The visualization loads the Iris dataset from a remote CSV, parses it with `csvParse`, and renders the plot using D3 v7’s `symbol` generator and `scaleOrdinal`. It includes custom axes with labels and a shape legend positioned on the right. The code demonstrates reusable D3 modules for scatter plotting, axis drawing, and legend rendering, highlighting how to structure modular visualizations with data-driven joins and asynchronous state management.

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

Fork of Task 8 tutorial 3.2

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using distinct symbols to differentiate the three iris species. A legend with matching shapes identifies each species. The visualization is built with D3 v7, using `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for the shape encoding, and `d3.csvParse` to load the data from a remote CSV file. The chart updates smoothly via a state-based render loop triggered by `setState`.

Vvchittimadha@gmail.com
92% match
Loading thumbnail…

Fork of task 8 tutorial 3.2

This scatter plot displays iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with points shaped by species. It uses d3’s `scaleLinear` and `scaleOrdinal` to position and style the marks, and `symbolsFill` to generate distinct shapes. A custom legend shows the species-to-shape mapping. The visualization loads its CSV data from a GitHub repository, parses it with `csvParse`, and renders the chart with `select` and `join` operations from d3.v7.

Vvchittimadha@gmail.com
91% match
Loading thumbnail…

Fork of Task-3.2

A scatter plot visualizes the Iris dataset, plotting sepal length against petal length and encoding the three flower species with distinct symbol shapes. The chart includes labeled axes and a shape legend that identifies each species. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, and `symbol` generators to position and render marks, with data fetched from a remote CSV and parsed via `csvParse`. Axes and legends are composed through reusable D3 modules.

Sshivakumarganji@my.unt.edu
91% match
Loading thumbnail…

Task 8_tutorial3.2

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length for different iris species. The chart encodes each data point as a distinct shape, using the `d3.symbol` API with a `symbolsFill` scale to differentiate species, and includes a shape legend generated via `shapeLegend`. The visualization uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` for species mapping, with custom axis and legend utilities built on D3's selection join pattern. Data is fetched as CSV from a GitHub repository and parsed with `d3.csvParse`.

LLakshmiPrasannaValdas@my.unt.edu
91% match
Loading thumbnail…

Fork of Task 8_tutorial3.2

This scatter plot maps sepal length against petal length for the Iris dataset, with each point’s shape encoding the species. A custom shape legend identifies the three species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal and symbolsFill for categorical shapes, and the axes and shapeLegend modules to compose the chart. Data is loaded via fetch and parsed with d3.csvParse.

LLakshmiPrasannaValdas@my.unt.edu
91% match
Loading thumbnail…

Task 8 tutorial 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through different symbol shapes. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to positions and shapes. The visualization fetches the iris dataset from a GitHub-hosted CSV file, parses it with `csvParse`, and renders axes via `axisLeft` and `axisBottom`, alongside a custom legend built with `symbol()`.

Vvchittimadha@gmail.com
91% match