Skip to main content
SimilarExport ZIP
100%

Fork of ScatterPlot

✓ Published0🌍 Public
Mmukundakrishna.r@gmail.com
Last edited Mar 27, 2024
Created on Mar 22, 2024
Forked from Fork of Bar Graph

This scatter plot visualizes the relationship between sale price and number of ratings for iPhone products, using a dataset loaded via `d3.csv`. It shows individual data points as circles, with axes labeled for both variables. The code employs D3 v7’s `d3.scaleLinear` for positioning, `d3.axisBottom` and `d3.axisLeft` for axes, and appends circles with `g.selectAll('.dot')`. Styling uses CSS for axis text and hover effects, while the fill color is conditionally applied based on product name.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatterplot of the Iphone sales

This scatterplot shows the relationship between the sale price of iPhones and their number of ratings, with each point representing a product model. The visualization uses D3.js v7 to load a CSV dataset of iPhone sales from a GitHub gist, parse the numeric fields, and render circles scaled by the sale price on the x-axis and ratings count on the y-axis. The code employs d3.scaleLinear for both axes, d3.extent for domain computation, and d3.axisBottom and d3.axisLeft for tick marks. Hovering over a dot changes its fill color to orange, while the default styling uses steelblue, as defined in the CSS.

Mmukundakrishna.r@gmail.com
93% match
Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes Apple product data, mapping original price, discounted price, and ratings along the x, y, and z axes. The plotly.js library renders the interactive 3D scene, while the d3.csv method loads the data from a remote CSV file hosted on GitHub. Each marker’s size is fixed, with a semi-transparent fill and gray outline, and axis titles are colored distinctly to aid legibility. The layout’s margins are minimized to maximize the plot area within the page.

BBhanuMotupalli
79% 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
77% match
Loading thumbnail…

RT15

This scatter plot visualizes the relationship between mobile phone price, sales, and rating, with each circle representing a phone. The x-axis shows price, the y-axis shows sales, and color encodes rating, ranging from yellow to blue. Built with D3 v7, it uses `d3.csvParse` to load data from a GitHub gist, `scaleLinear` for axes and color, and appends SVG circles. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`.

Ttelkapallyrekha@gmail.com
77% 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
77% match
Loading thumbnail…

Reusable Scatterplot

This scatter plot visualizes the relationship between units sold and sales revenue for mobile devices, with data points colored by brand. The implementation uses a reusable `scatterPlot` module built with D3 v6, employing `scaleLinear` and `scaleOrdinal` for axes and color encoding, alongside `axisLeft` and `axisBottom` for chart annotations. The visualization cycles between two halves of the dataset every five seconds, fetched from a CSV via `d3.csv`, and renders as an interactive SVG with a 12-pixel font for labels.

Ttelkapallyrekha@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
76% match
Loading thumbnail…

Fork of vizhub scatterplot

This scatter plot displays car safety ratings and selling prices for different car makes, using a dataset loaded from a CSV file. D3.js v7’s `d3.scaleLinear` maps the safety rating to the x-axis while `d3.scaleBand` positions each car make along the y-axis. The SVG rendering includes styled circles with hover effects, along with labeled axes from `d3.axisBottom` and `d3.axisLeft`. The code explicitly fetches the data with `d3.csv` and formats the numeric fields on ingestion.

Mmadipadiga.raviteja@gmail.com
76% match