Skip to main content
SimilarExport ZIP
100%

Online Sales based on Age

✓ Published0🌍 Public
MManideeprenikindi
Last edited Jul 24, 2023
Created on Jul 24, 2023

A scatter plot displays online customer sales, mapping customer age on the x-axis against purchase value on the y-axis. Each circle’s fill color encodes the number of purchases, while the Time_Spent and Revenue_Total fields are bound to the circle’s rx and ry attributes, though the standard radius remains constant. The visualization uses D3 v5 with scaleLinear, extent, axisLeft, and axisBottom, loading CSV data from a GitHub gist and rendering as SVG circles.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between Age on the x-axis and Income on the y-axis. Each circle’s fill color encodes the customer’s Spending Score, with skyblue for low scores, lightgreen for medium scores, and orange for high scores. The visualization uses d3.csv to load and parse data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the chart. SVG circles are drawn with a fixed radius of 5 pixels, while labeled axes are added via SVG text elements.

Vvineelaramulapalli32
79% match
Loading thumbnail…

Online Sales Pie Chart

This example shows the distribution of online customer sales revenue as a pie chart, with each slice colored by revenue amount and accompanied by a legend displaying the age group, percentage of total revenue, and absolute revenue in thousands. The chart uses D3 v5 to load CSV data from a GitHub gist via `d3.csv`, transform it with `d3.pie()`, and render SVG paths using `d3.arc()`. Colors are assigned with `d3.scaleOrdinal()`, and legend text is formatted with `d3.format()` for compact tick labels.

MManideeprenikindi
78% match
Loading thumbnail…

Online Sales for Purchase Value Bar Chart

This bar chart displays total online sales revenue by year for a customer dataset, with a fixed y-axis scale of 0 to 90 and red bars representing revenue values. The visualization uses D3.js v4 to parse CSV data from a GitHub repository, scale the categorical year values on the x-axis via `d3.scaleBand`, and map revenue to a linear scale on the y-axis. SVG rectangles are drawn for each bar, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes, with rotated x-axis text for readability.

MManideeprenikindi
78% match
Loading thumbnail…

Online Sales Line chart

This example shows online sales revenue over time as a line chart, with the x-axis representing years and the y-axis representing total revenue. It uses D3 v5 to load CSV data, parse dates with `d3.timeParse`, and render the visualization in SVG. The code employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to construct the chart, with gridlines styled via tick marks and a styled purple stroke for the data path.

MManideeprenikindi
78% match
Loading thumbnail…

Online Sales for Purchases Line chart

This example shows a line chart of online sales purchases over time, plotting the number of purchases against the year. The visualization uses a D3 v5 SVG render, with a time-scaled X-axis and a linear Y-axis. It loads CSV data from a GitHub gist, parsing the year with `d3.timeParse` and scaling the line with `d3.line`. Styled with a purple stroke and custom tick formatting, the chart includes axis labels for "Year" and "N_Purchases," with gridlines. The code demonstrates modular D3 imports and axis construction.

MManideeprenikindi
77% match
Loading thumbnail…

Online sales Revenue yearwise

An interactive area chart displays total online sales revenue by year, with a smooth line and shaded region that highlight revenue trends over time. The visualization loads CSV data and parses dates using D3’s time parsing, then scales the axes with `scaleTime` and `scaleLinear`. It renders an SVG with an axis-left and axis-bottom, and generates the line and area paths using `line()` and `area()` with `curveBasis`. The styling, including gridlines and color, is applied via CSS.

MManideeprenikindi
77% match
Loading thumbnail…

Online Sales Bar Chart

This bar chart visualizes online customer sales, plotting the number of purchases against total revenue for each category. It uses D3.js v4 with an SVG rendering approach, leveraging `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. Data is loaded asynchronously from a CSV file via `d3.csv`. The chart positions rectangular bars with a fixed blue fill, rotating the x-axis labels for readability.

MManideeprenikindi
76% match
Loading thumbnail…

A6 Scatterplot

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

SShazil Taqi
76% match