Skip to main content
SimilarExport ZIP
100%

Fork of act6_Task2

✓ Published0🌍 Public
Ppriyapravallika44@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from act6_Task2

This scatter plot visualizes the relationship between two quantitative variables across data points, with each point colored by its categorical label and a corresponding legend. Built using D3.js, it employs `scaleLinear` for the x and y axes, `extent` to compute domains from the data, and `axisLeft`/`axisBottom` for the coordinate axes. Circles are rendered with `selectAll`/`join`, and the legend is constructed with appended `rect` and `text` elements. The plot derives its categories from the data’s `category` field, assigning colors via a `scaleOrdinal`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.2

This example builds a scatter plot with a categorical legend, where data points are distinguished by shape. The visualization maps two quantitative variables to the x and y axes using `d3.scaleLinear` and assigns a different symbol to each category via `d3.scaleOrdinal` and `d3.symbol`. The chart includes axes with labels, drawn using `d3.axisLeft` and `d3.axisBottom`, and a custom legend that displays the shape mapping. The underlying data and its source are not specified in the provided code.

Aakankshareddygorla@my.unt.edu
79% match
Loading thumbnail…

Activity6_Task-8_Q3

This scatter plot visualizes the relationship between x and y coordinates for data points grouped into three categories (A, B, C), with each group distinguished by a distinct color. The visualization uses D3.js v7 to load a CSV file and render an SVG chart with linear scales for both axes. Circles represent individual data points, sized at a fixed radius of 6 pixels, with black strokes for clarity. The chart includes axis labels, a legend identifying each group, and uses `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Gridlines are not drawn, but tick marks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

PPradhyumna Poralla
78% match
Loading thumbnail…

Task 3 Q 3.2

This interactive scatter plot uses D3 v7 to visualize two quantitative variables across multiple categories, with each category represented by a distinct geometric shape from `symbolsFill`. The visualization applies `scaleLinear` for both axes and `scaleOrdinal` for shape encoding, rendering data points as SVG paths using the `symbol` generator. A shape legend explains the categorical mapping, while axes with labels are constructed using `axisLeft`, `axisBottom`, and custom label positioning from the `axes` module. The example demonstrates reusable chart components through ES6 module imports and data-join patterns for updates.

RRukmini Devi Y
77% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
76% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
76% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
76% match
Loading thumbnail…

Activity 6 task 3

This scatter plot visualizes the distribution of three data groups (A, B, C) across x and y coordinates, using colored circles to distinguish group membership. The chart includes labeled axes, a legend, and a sequential color scheme from `d3.scaleOrdinal(d3.schemeCategory10)`. Built with D3 v7, the code loads data from a CSV file, applies linear scales for both axes, and renders the visualization as SVG circles. Axis ticks, labels, and the legend are generated using D3’s `d3.axisBottom`, `d3.axisLeft`, and manual SVG text elements.

RRishabh Sharma
76% match
Loading thumbnail…

Fork of Fork of Activity_6_Task_3_q6

This scatter plot visualizes the relationship between the percentage of ratings in the 5.0-6.5 range and the 6.5-7.5 range for different music genres, drawn from a CSV file hosted on GitHub. Each circle represents a genre, colored via a categorical scale, with tooltips showing genre and coordinates. The implementation uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create scales, and render axes and circles as SVG elements.

Lleelakrishnadivi7@gmail.com
76% match