Fork of Fork of Fork of d3.js project

100%

Fork of Fork of Fork of d3.js project

✓ Published0🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

Forked from Fork of Fork of d3.js project

This scatterplot displays the relationship between Sales and Profit for five products, with each circle representing a product and positioned according to its sales and profit values. The visualization uses D3.js v3, loading data from a CSV file via `d3.csv` and rendering an SVG with `d3.select`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with linear scales (`d3.scaleLinear`) mapping the data ranges to the 500×400 pixel canvas. Steelblue circles mark the data points, while axis labels identify the measured variables.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This visualization analyzes daily sales, revenue, and profit trends using two D3.js v7 SVG charts. A multi-series line chart displays all three metrics over time, while a combined chart overlays sales as bars with a profit line, both featuring custom tooltips and a styled interface using the Poppins font. The code loads CSV data via `d3.csv`, constructs scales with `d3.scaleTime` and `d3.scaleLinear`, and renders paths and bars with `d3.line` and `d3.axisBottom`, applying color-coded series and gridlines for readability.

Ssainishanthreddyk@gmail.com

83% match

Loading thumbnail…

Fork of Fork of D3 Starter

This visualization presents daily sales, revenue, and profit trends from a CSV dataset across two SVG charts. The first chart displays three overlaid time-series lines for each metric, with colored dots for each data point. The second combines bars for sales with a line for profit, using hover-triggered tooltips for interactivity. Built with D3 v7, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for path generation. Gridlines, axis labels, and a legend support readability.

Ssainishanthreddyk@gmail.com

82% match

Loading thumbnail…

scatter plot

This scatter plot displays product sales versus profit, with each circle representing a product and colored by category (Electronics, Clothing, or Food). The D3.js v7 code uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and SVG circles to render data points. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with text labels for Sales and Profit. The static dataset is embedded in JavaScript and passed to a render function that clears and redraws the chart.

CChindamrohan321@gmail.com

82% match

Loading thumbnail…

Fork of Circles with D3

This interactive scatter plot displays store sales data across three different y-axis metrics, cycling through Store_Sales, Daily_Customer_Count, and Items_Available every two seconds. Built with D3.js v7, the visualization uses d3.csv, d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render the SVG plot. The reusable scatterPlot function updates the y-axis and data binding asynchronously, demonstrating a data-driven approach where the top ten store area values are displayed with circles of radius 5.

RRohithNaiduDevareddy@my.unt.edu

81% match

Loading thumbnail…

Fork of Fork of Fork of Circles with D3

This visualization uses a D3.js line chart to display store sales data aggregated by store area. The code loads CSV data, groups it with `d3.rollup`, and sums sales per area, then renders a smooth curve using `line()` with `curveBasis`. Axes are drawn with `axisLeft` and `axisBottom`, while scales are created using `scaleLinear` and `extent`. The SVG output includes labeled axes and a title, with a blue line path styled via CSS.

RRohithNaiduDevareddy@my.unt.edu

81% match

Loading thumbnail…

Scatter Plot group4

This scatter plot visualizes the relationship between sales and profit from a sample dataset. The SVG chart is rendered using the D3.js library, specifically leveraging `d3.csv` to load data, `d3.scaleLinear` to map values, and `d3.axisBottom`/`d3.axisLeft` for the axes. Each data point is drawn as a steelblue circle with a radius of five, positioned according to its sales and profit coordinates. The chart title and axis labels are added as SVG text elements.

Ssaikrishnabussa

80% match

Loading thumbnail…

Fork of Circles with D3

This fork of D3’s scatter plot tutorial visualizes store sales data from a CSV file, cycling through three y-axis metrics—Store_Sales, Daily_Customer_Count, and Items_Available—every two seconds against Store_Area. The visualization uses D3’s data join and method chaining to render and update SVG circles, with dynamic axis labels and smooth transitions, demonstrating reusable chart patterns and real-time data updates.

RRohithNaiduDevareddy@my.unt.edu

80% match

Loading thumbnail…

activity 6 task q3

This scatter plot visualizes the relationship between sales and profit for five products (A through E), with each point styled by a distinct shape and color derived from its product category. Built with D3.js v7, the visualization uses `scaleLinear` for both axes, `scaleOrdinal` with `schemeCategory10` for colors, and a custom symbol generator for shapes. Data originates from a hardcoded array in `bundle.js`, mirroring the `product.csv` file, and is rendered on an SVG canvas with axes labeled via the `axes.js` module.

Ssairamisetti3829@gmail.com

80% match