RK7_reusable scatter plot

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.

82% match

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.

78% match

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

78% match

Ppilliprathimarani@my.unt.edu

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.

75% match

Re-usable Scatter Plot

This reusable scatter plot visualizes the relationship between product quantity and price from a CSV inventory dataset. It uses D3 v6 to load the data, map the numeric fields to linear scales, and render circles with fixed radius on an SVG canvas. The code demonstrates a modular chart-building pattern with explicit margins, axis generation via `d3.axisBottom` and `d3.axisLeft`, and a consistent steelblue fill for all data points. The chart is embedded in a centered, styled layout.

Vvishnupriya eupuri

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.

Fork of Reusable D3 Scatter Plot

This scatter plot visualizes the relationship between battery power and RAM for the first 100 entries of a mobile price dataset. It uses D3 v7 to render SVG circles with blue and orange fills, linear scales for both axes, and includes axis labels and a title. The code is organized as a reusable function that takes data attributes and a container ID, and the dataset is loaded from a CSV file via a remote URL.

Yynagurvali786@gmail.com

Rk_ICE 7 Area Chart

This area chart displays the average sales of all mobile phone brands, aggregated from a CSV file and rendered on a Canvas element. The visualization uses D3.js (`d3.csv`) to load and parse the data, then passes the aggregated brand and sales values to Chart.js to create the line chart with a filled area. The chart includes a green title and axis labels, with randomly generated colors for the dataset’s fill and border.