Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork of ice7_4

✓ Published0🌍 Public
Kkanaparthieshitha@gmail.com
Last edited Mar 29, 2026
Created on Mar 29, 2026

This scatter plot shows the relationship between website visits and customer satisfaction, with points colored by category and a legend identifying each group. The chart is built using a reusable D3.js function that takes configurable accessors and labels for the x-value, y-value, and color encoding. It loads CSV data from a GitHub gist, filters out rows with missing categories or non-numeric values, and renders axes, circles, and labels as SVG elements using d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ice7_3

This pie chart displays revenue distribution by category, with slices labeled directly and a legend to the right. Built with D3 v7, it loads CSV data from a GitHub gist, aggregates revenue using d3.rollup and d3.sum, and renders SVG paths via d3.pie and d3.arc. A d3.scaleOrdinal with the Tableau10 color scheme maps categories to colors, while text elements label each slice.

Kkanaparthieshitha@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Fork of scatter plot

A forked D3.js v7 scatter plot visualizes the relationship between Math and Science scores for students in a CSV dataset, with points colored by academic department. It uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Points are rendered as SVG circles with hover tooltips, alongside a legend identifying departments.

Ssainishanthreddyk@gmail.com
79% match
Loading thumbnail…

Fork of Fork of ice7_2

This example shows a line chart of revenue aggregated by product category from a CSV dataset. D3.js (v7) loads the data, rolls up categories, and sums their revenue. It renders an SVG with axes, a steelblue polyline, and orange data points. The code uses `d3.scalePoint`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to draw the visualization.

Kkanaparthieshitha@gmail.com
79% match
Loading thumbnail…

Fork of ice07-reusable scatter plot

This reusable scatter plot visualizes retailer data, mapping Sales on the x-axis against Profit on the y-axis, with points colored by product Category using d3.scaleOrdinal and a Tableau color scheme. The code uses D3 v7 to create an SVG chart with axes, tick labels, a dashed zero-profit reference line, and an interactive tooltip triggered by mouse events. It also includes a legend and fixed plot dimensions, with data loaded from a CSV file via d3.csv and parsed with d3.autoType.

LLaasyaJ256
79% match
Loading thumbnail…

Fork of Fork of Fork of Fork of scatter plot

A scatter plot visualizes the relationship between math and science scores for 90 students. Each dot is positioned by score, colored by academic department, and includes a hover tooltip with the student’s name and scores. The D3.js v7 code uses `d3.csv` to load `scatter.csv`, `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeSet2` for color, and `d3.axisBottom`/`d3.axisLeft` to render the chart with an SVG-based legend.

Ssainishanthreddyk@gmail.com
78% match
Loading thumbnail…

Fork of D3 Starter - ice 7 - scatter plot

This scatter plot visualizes the relationship between study hours and exam scores for 120 students, with each point colored by category (A–D) and a legend mapping colors to these groups. The D3 v7 code loads data from a CSV file, converts the numeric columns, and uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG chart. Axes are labeled, and the plot uses a built-in color scheme (`d3.schemeSet2`).

Vvijaysaichigullapally1@gmail.com
78% match
Loading thumbnail…

Fork of ice7

This fork of ice7 displays an area chart of revenue by product category, with a black line overlay and circular point markers. The visualization aggregates revenue data from a CSV file using `d3.rollup` and `d3.sum`, then maps categories with `d3.scalePoint` and revenue with `d3.scaleLinear`. The SVG rendering uses `d3.area`, `d3.line`, `d3.axisBottom`, and `d3.axisLeft`, with rotated x-axis labels for readability.

Kkanaparthieshitha@gmail.com
78% match
Loading thumbnail…

Fork of Fork of D3.js Line Chart

This line chart visualizes customer counts per year from 2000 to 2010 using a CSV dataset. It renders an SVG with D3 v7, employing a band scale for the x-axis and a linear scale for the y-axis. The line path is drawn with `d3.line()`, positioned at each band’s center, and styled with steelblue strokes. Axes are generated using `d3.axisBottom` and `d3.axisLeft`.

GGogineni44
78% match