Skip to main content
SimilarExport ZIP
100%

Ice7_task1

✓ Published0🌍 Public
Kkmuktha09@gmail.com
Last edited Oct 24, 2025
Created on Oct 24, 2025

This scatter plot displays the relationship between x_value and y_value for a CSV dataset, with points colored by group category (steelblue for g1, orange for g2, green for others). The reusable component pattern encapsulates the chart logic, using D3 v7 scales and axes to map the data to an SVG canvas. The visualization loads data via d3.csv and renders circles with hover tooltips showing group membership through appended title elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Ice7_task1

This example presents a reusable scatter plot component that visualizes the relationship between x_value and y_value across three categorical groups (g1, g2, g3). The chart renders SVG circles colored via a d3.scaleOrdinal, with axes, gridlines, and an interactive tooltip that appears on mouseover to display group and coordinate details. The component pattern encapsulates all chart dimensions, scales, and margins inside a scatterPlot() factory function, which is invoked with d3.select().call(). Data loads from an external CSV file using d3.csv, demonstrating a clean, reusable D3 v7 architecture for basic exploratory data analysis.

Kkmuktha09@gmail.com
93% match
Loading thumbnail…

ICE-6(Scatter plot)

This scatter plot visualizes 150 samples of x_value against y_value, with points colored by group using a Tableau10 ordinal scale. The data is loaded from a CSV file via d3.csv and rendered as SVG circles with opacity, axes, labels, and a legend. Built with D3 v6, it uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft/d3.axisBottom for tick marks. Points respond to hover with a black stroke, and the chart includes a white background with margin-based layout.

Kkmuktha09@gmail.com
82% match
Loading thumbnail…

task-3

This scatter plot visualizes the relationship between two numeric variables from a CSV file, with data points colored red or blue based on their group designation. The visualization uses D3.js v7 to load and parse the data, then applies linear scales for both axes. The code constructs an SVG graphic with labeled axes generated through `d3.axisBottom` and `d3.axisLeft`, while circles with a radius of 5 pixels are placed using the `d3.scaleLinear` mappings to represent each data point.

HHanuReddy
80% match
Loading thumbnail…

ICE-7 (Part-1)

This reusable scatter plot visualizes the relationship between temperature and humidity from weather data loaded via a CSV file. It uses D3 v7’s `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render an SVG chart with steelblue circles that turn orange on hover. Axis labels are appended directly to the tick groups, and margins define the plot area within a 600x400 pixel container styled by external CSS.

Ppavankrishna441@gmail.com
80% 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
79% match
Loading thumbnail…

ICE 7

A reusable D3 scatter plot displays the relationship between study hours and test scores, with points colored by treatment or control group using a categorical color scale. The chart loads CSV data with `d3.csv` and `d3.autoType`, then renders axes, labels, and circles through a factory function that sets width, height, and accessors via chained setters. D3 v7 handles scales (`d3.scaleLinear`, `d3.scaleOrdinal`) and axes (`d3.axisBottom`, `d3.axisLeft`) within a joined SVG structure.

Aaravindsg99@gmail.com
78% match
Loading thumbnail…

Activity_6_Q3.6

This interactive scatter plot visualizes eight categorized data points, plotting their X and Y values from the local CSV dataset. Using D3.v7, the SVG chart displays color-coded circles for each category, with a tooltip appearing on demand. The code constructs linear scales via `d3.scaleLinear`, applies axes from `d3.axisBottom` and `d3.axisLeft`, and employs `d3.csv` with `d3.autoType` to parse the data. The categorical color mapping relies on `d3.scaleOrdinal` with the `schemeCategory10` palette, rendering the visualization entirely in SVG.

Ttarun.chintada46@gmail.com
78% match
Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava
78% match