Skip to main content
SimilarExport ZIP
100%

task-8(tutorial-3.2)

✓ Published0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 13, 2024
Created on Apr 13, 2024

This example visualizes the Iris dataset as a scatter plot with distinct shapes for species, mapping sepal length to the x-axis and petal length to the y-axis. It uses d3.scaleLinear for both axes and d3.scaleOrdinal with symbolsFill to assign shape marks to each species, while a custom shape legend displays the mapping. The visualization loads data via fetch from a GitHub repository, parses it with d3.csvParse, and renders axes using d3.axisLeft and d3.axisBottom. ES6 modules demonstrate code organization across files.

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…

Task-8(Tutorial-3.2)

This example demonstrates a scatter plot visualizing the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as categorical shapes from `d3.symbolsFill`. It loads D3 via UNPKG and uses ES6 modules to separate concerns, including `d3.scaleLinear` for axes, `d3.scaleOrdinal` for shape mapping, and custom functions for rendering axes and a shape legend. Data is fetched as CSV and parsed with `d3.csvParse`.

Ttallurisaiteja96@gmail.com
94% match
Loading thumbnail…

Task 8 Tutorial 3_2

This visualization displays the Iris dataset as a scatter plot of sepal length against petal length, with three iris species distinguished by different point shapes and a shape legend. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisLeft`/`axisBottom` to render axes and markers. Data is loaded asynchronously from a CSV file using `csvParse` and fetched from a GitHub repository. The visualization adapts to the full browser window size.

YYeshwanth963@gmail.com
93% match
Loading thumbnail…

Tutorial 8 task 3.2

This example presents a scatter plot of the Iris flower dataset, visualizing sepal length against petal length while grouping data points by species through distinct marker shapes. Implemented using D3.js v7, the visualization employs d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to position points and assign shape encodings. The code demonstrates modular architecture with reusable axis and legend components, alongside asynchronous data loading via the Fetch API and CSV parsing through d3.csvParse. An interactive shape legend displays categorical values, all rendered within a responsive full-window SVG.

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

task 3.2

This example shows a scatter plot of the Iris dataset, with sepal length mapped to the x-axis, petal length to the y-axis, and species distinguished by different symbol shapes. A custom shape legend labels each species group. The visualization loads CSV data via `d3.csvParse` and uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, `symbolsFill`, and axis functions (`axisLeft`, `axisBottom`) to render marks and axes. A local ES6 module structure organizes the code into separate files for the chart, axes, and legend.

Jjangalaupender@my.unt.edu
92% match
Loading thumbnail…

Task8_Tutorial3.2

This visualization displays an interactive scatter plot of the Iris dataset, mapping sepal length against petal length. Each of the three iris species is represented by a distinct symbol shape, with a custom legend identifying the species categories. The implementation uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded asynchronously from a CSV file via `csvParse` and rendered within a full-window SVG canvas.

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

task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with distinct shapes. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to render the data points, while `axisLeft` and `axisBottom` from D3 handle the axes. A custom shape legend is built using the `symbol()` generator. The data is loaded asynchronously via `fetch` from a remote CSV file, then parsed with `csvParse` before being rendered.

Yyashwanthkirla95@gmail.com
92% match
Loading thumbnail…

Task-8-Tutorial-3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length, with points shaped according to species. The chart uses d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to map species to distinct shapes, rendered via d3.symbol. A custom shape legend clarifies the species mapping. Data is loaded asynchronously from a CSV file hosted on GitHub, parsed with d3.csvParse, and rendered using D3’s join operation within a React starter framework.

Mmdadeebfarhaan@gmail.com
92% match