Fork of Varun_tutorial3.1

100%

Fork of Varun_tutorial3.1

✓ Published0🌍 Public

VVarunKumarKambhampati@my.unt.edu

Last edited Nov 21, 2024

Created on Oct 20, 2024

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x- and y-axes while encoding species with distinct colors and using sepal dimensions for circle radii. Built with D3 v6 (loaded via UNPKG), it employs `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render an SVG chart. The visualization adapts to the full viewport and includes custom axis labels, demonstrating basic data-joining and margin-based layout.

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 Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding sepal length and width as the horizontal and vertical radii of each circle. Points are colored by species (setosa, versicolor, virginica) using light blue, pink, and yellow. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, and loads data via `d3.csv` from a gist. The SVG rendering uses dynamic window dimensions and custom tick font sizing.

Vvarun-030

92% match

Loading thumbnail…

Fork of tutorial3

This scatter plot visualizes the Iris dataset, displaying petal length and width for individual flowers. Points are colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The example uses D3 v6 to load CSV data from a GitHub URL and renders the chart as an SVG. The code implements `d3.scaleLinear` for axes and uses D3's `select`, `append`, and data join methods to create circles. Axis labels and titles are styled with HTML and CSS within the `index.html` file.

Kkaushikreddy901@gmail.com

91% match

Loading thumbnail…

Fork of activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the SVG visualization. The plot also encodes sepal dimensions in each point's radius (`rx`/`ry` attributes), though these are not scaled to the axes. The visualization renders circles with custom colors and labeled axes in an HTML page.

Sshreshikaveerannagari@gmail.com

90% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris flower dataset, mapping petal length against sepal length using a linear scale for each axis. The code loads the CSV data via d3.csv and renders circles as SVG marks, with axes drawn using d3.axisRight and d3.axisBottom. It uses d3.scaleLinear with extents derived from the data, and the chart fills the entire window with a fixed margin around the plot area. The visualization updates dynamically based on the browser’s dimensions.

HHarshit-Prasad

90% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flowers. The visualization uses D3 version 6, loading the data via the `csv` function and parsing numeric fields. The code employs `scaleLinear` to map data domains to pixel ranges, `extent` to calculate domains, and `axisLeft` and `axisBottom` to render the y- and x-axes. Data points are drawn as SVG circles using the `.join` operator, while axis labels are added as SVG text elements.

RRahulSai05

90% match

Loading thumbnail…

Fork of Tutorial_3_sivani

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with points colored by species (setosa, versicolor, and virginica). The plot uses a linear scale for both axes and positions each circle using the `scaleLinear` and `extent` functions from D3. Axis labels are added via `axisLeft` and `axisBottom`, while the visualization is rendered as an SVG. Data is loaded from a remote CSV file, and the chart updates its size based on the browser window dimensions.

Kkommineniamarasadasivani2002@gmail.com

90% match

Loading thumbnail…

Tutorial_3

This scatter plot visualizes the Iris dataset, mapping petal length along the x-axis and petal width along the y-axis, with each of the three iris species (setosa, versicolor, and virginica) distinguished by a different fill color. Built with D3 version 6, the visualization uses `d3.csv` to load data from a remote GitHub source and `d3.scaleLinear` to create the axes’ scales. The SVG circles are drawn using `d3.select` and a data join, while `d3.axisLeft` and `d3.axisBottom` render the labeled axes, with additional text annotations for the axes.

HHarshithakodakandla@my.unt.edu

90% match

Loading thumbnail…

Fork of activity6 tutorial 3.1

This visualization is an interactive scatter plot of the Iris dataset, displaying petal length and petal width for three flower species—setosa, versicolor, and virginica—distinguished by color. The plot uses D3 v6 APIs, including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering the scales. It renders circles as SVG marks, with additional sepal measurements stored as properties but not used in the visual encoding. The chart is sized to the full window, with green axis labels and a red title.

Nnagalakshmibadineedi2@gmail.com

90% match