Skip to main content
SimilarExport ZIP
100%

sclatterplot

✓ Published0🌍 Public
GGorantla Vishnusai
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Question 2

This scatter plot visualizes coffee sales quantities over time, with each circle representing a daily sale. The chart maps dates along the x-axis and sales quantities on the y-axis, making it easy to spot trends and outliers in the data. Built with D3.js v7 using an SVG rendering approach, the visualization loads a CSV file containing the sales records and applies the `scaleBand` and `scaleLinear` methods for axes positioning. The circles are styled with a steelblue fill and black stroke, while the x-axis labels are rotated for readability.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Question 2

This chart shows daily coffee sales quantities as a vertical bar chart, with dates on the x-axis and sales quantity on the y-axis. The code loads CSV data via `d3.csv`, parses the Quantity field into numbers, and renders bars using `d3.scaleBand` and `d3.scaleLinear`. It appends SVG rectangles, styled with a steelblue fill, and adds axes using `d3.axisBottom` and `d3.axisLeft`. The x-axis labels are rotated for readability. The visualization relies on D3 v7 and renders entirely in SVG.

GGorantla Vishnusai
79% match
Loading thumbnail…

Activity8_Q3

This scatter plot visualizes monthly sales figures, showing a notable sales spike in October and December. Built with D3 v7, the SVG chart uses `d3.scaleLinear` for both the x and y axes, with `d3.axisBottom` and `d3.axisLeft` generating the tick marks. Each data point is rendered as a circle whose fill color alternates between black and red based on its index, with points positioned via the scales' `cx` and `cy` attributes. The data comes from a CSV file containing month names and sales values in USD.

Jjyothirmai318@gmail.com
76% match
Loading thumbnail…

scatterplot2

This animated scatter plot displays phone data, alternating the x-axis between Price and SalesVolume every two seconds to reveal different relationships in the dataset. Built with D3.js v7, it uses SVG circles with a fixed radius and steelblue fill, positioned via linear scales derived from the CSV data. The chart is constructed through a custom `createScatterPlot` function that leverages D3's `selectAll` and `join` for efficient DOM updates, while `setInterval` drives the periodic column switching animation.

Ppilliprathimarani@my.unt.edu
75% 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
74% match
Loading thumbnail…

Fork of Circles with D3

This interactive scatter plot animates store sales data, cycling the y-axis between metrics like Store_Sales, Daily_Customer_Count, and Items_Available every two seconds. Built with D3 v7, it loads CSV data via `d3.csv`, uses `d3.scaleLinear` and `d3.axisBottom`/`axisLeft` for axes, and renders SVG circles with a reusable `scatterPlot` function. The y-axis label updates dynamically as the plot re-renders.

RRohithNaiduDevareddy@my.unt.edu
74% match
Loading thumbnail…

pp Scatter Plot

This animated scatter plot visualizes the relationship between sales volume and either price or another numeric attribute for phone data, toggling the x-axis variable every two seconds. Built with D3 v7, it uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. The `setInterval` function re-binds the data, updating circle positions via `attr('cx')`. Data loads asynchronously from a CSV via `d3.csv`, rendered as an SVG with steelblue circles.

Ssaisathyapriya097@gmail.com
74% match
Loading thumbnail…

sales data

This visualization displays monthly sales data as a bar chart, with the x-axis representing the month and the y-axis showing sales figures. The bars are rendered in steel blue and turn orange on hover, providing interactive feedback. The chart is built using the D3.js library (d3.v7) with SVG rendering, and data is loaded from a CSV file hosted on GitHub via `d3.csv` with `d3.autoType` for type conversion. Axes are generated using `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

Aadithiarikatla@gmail.com
74% match
Loading thumbnail…

Ice-6

A bar chart displays the sales of various coffee products from a CSV dataset. It uses D3.js v3, loading data with `d3.csv` and rendering the chart with SVG. The x-axis uses `d3.scaleBand` for product categories, while the y-axis uses `d3.scaleLinear` for sales values. Bars are drawn as `rect` elements filled with steelblue and labeled with rotated text on the bottom axis. The visualization directly shows comparative sales figures across the coffee product lineup.

GGorantla Vishnusai
74% match