Skip to main content
SimilarExport ZIP
100%

RT15

✓ Published0🌍 Public
Ttelkapallyrekha@gmail.com
Last edited Mar 21, 2024
Created on Mar 21, 2024
Forked from A4 Scatterplot D3

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

piechart_rt15

This pie chart visualizes mobile phone sales aggregated by brand, using data fetched from a remote CSV file. The chart displays each brand as a colored slice with a label showing the brand name and total sales, alongside a legend with color-coded entries. Built with D3.js v7, the visualization uses `d3.csv` to load data, `d3.rollup` to aggregate sales per brand, and `d3.pie` and `d3.arc` to generate and render the slices as SVG paths. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns distinct colors, and the legend is constructed manually with styled HTML divs.

Ttelkapallyrekha@gmail.com
79% match
Loading thumbnail…

ICE-7 Scatter plot

This scatter plot visualizes the relationship between mobile phone price and units sold, with each data point represented by a distinct symbol (circle, cross, or diamond) based on player type and colored by country. The visualization uses D3.js version 6.7.0, employing scaleLinear for axes, scaleOrdinal with schemeCategory10 for colors, and d3.symbol for point markers. Data comes from a CSV file loaded via d3.csv, with dimensions filling the entire browser window. The chart displays axes with tick marks and plots points with a 5-pixel radius, though symbol sizes remain consistent regardless of the radius setting.

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

RK7_reusable scatter plot

This example displays a reusable scatter plot of mobile phone data, showing units sold against price. It fetches a CSV file from a GitHub gist, parses the data, and renders the visualization using either Chart.js on a canvas element in the HTML version or a custom D3 module in the JavaScript version, which appends an SVG to the body. Both approaches map price to the x-axis and units sold to the y-axis, with the D3 version utilizing the `scatterPlot` module and CSV parsing functions from the D3 library.

Ttelkapallyrekha@gmail.com
78% match
Loading thumbnail…

Fork of ScatterPlot

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.

Mmukundakrishna.r@gmail.com
77% 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…

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…

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
75% match