Skip to main content
SimilarExport ZIP
100%

activity6_Task-3

✓ Published0🌍 Public
Ggolisanthoshi2000@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This scatter plot visualizes the relationship between the number of food items in a restaurant and the total food price increase percentage, with each circle representing a data point. The visualization uses D3 v7 and the `select`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `scaleOrdinal` APIs to render. The chart includes labeled x and y axes and shows a color legend, though all marks are filled blue and the legend appears unused in the main plot. Data is loaded from a CSV file hosted on GitHub.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

A6_t3_q3

A reusable scatter plot visualizes the relationship between calorie content and price for menu items, with points colored by category. The D3.js v6 code uses `d3.select` to append an SVG, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for ticks. Data loads from a gist CSV, parsed with `d3.csv`, and colored via `d3.scaleOrdinal` with `d3.schemeCategory10`. Circle radius is fixed at 5 pixels.

Llingaladineshteja23@gmail.com
79% match
Loading thumbnail…

Scatter Plot

This reusable scatter plot visualizes the relationship between calorie content and price for menu items, with each circle colored by category. The visualization uses D3.js v6 with an SVG rendering approach, loading data from a CSV file hosted on GitHub Gist. The code implements linear scales for both axes, an ordinal color scale using `d3.schemeCategory10`, and renders circles positioned by the x and y scales. Axis construction uses `d3.axisBottom` and `d3.axisLeft`, while the data loading relies on `d3.csv` with promise handling. The chart displays points with a radius of 5 pixels, colored according to categorical values.

Rr79162810@gmail.com
78% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between calorie content and price for menu items, with each point colored by category using a D3 ordinal color scale. The visualization uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for ticks. Data is loaded asynchronously from a GitHub gist via `d3.csv`, then mapped to SVG circles with `d3.select` and `append`. The SVG rendering includes styled axes and labeled dots within a fixed 460×400 viewport.

Vvp9156623@gmail.com
77% match
Loading thumbnail…

Scatterplot_restaurant

This scatter plot visualizes the relationship between restaurant ratings and total review counts. Each circle represents a restaurant, positioned by its rating on the x-axis and total reviews on the y-axis, with a warm fill color against a blue background. Built using React and D3 v6, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear` for both axes, and renders circles as SVG elements. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with labels rotated for the y-axis.

Bbhavana.bayyapu@gmail.com
76% match
Loading thumbnail…

Fork of Scatterplot of the restaurant data

This scatterplot visualizes the relationship between restaurant ratings and their total review counts. Data is fetched from a CSV file and rendered as circles on an SVG canvas. The code uses d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map data points and draw axes. The resulting chart reveals the distribution of restaurants across varying ratings and review volumes.

Ttejasviteegala@my.unt.edu
75% match
Loading thumbnail…

Activity6_Task3

A scatter plot displays annual income against spending score for mall customers, with each circle colored pink or blue to distinguish female and male shoppers. The visualization uses D3 v6 to load the CSV dataset from a GitHub repository, then applies scaleLinear functions to map income and spending values to SVG coordinates. Axes are rendered using axisLeft and axisBottom, while circle positions and fills are set through data joins and a genre-based color function.

Jjtulasi05@gmail.com
75% match
Loading thumbnail…

Activity6_Task3_Q3

This scatter plot visualizes the relationship between Quantity and Profit from the Superstore dataset, with each point’s shape and color encoding the order priority (Critical, High, Medium, or Low). The visualization uses D3.js (v6) to load the CSV data, apply linear scales for the axes, and render SVG paths with symbols like circles, squares, diamonds, and triangles. Axis labels and ticks are styled explicitly, while the plot fills the browser window. The code leverages `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `d3.symbol` for custom point shapes.

PPothuguntla Pranitha
75% match
Loading thumbnail…

Scatterplot of the restaurant data

This scatterplot displays the relationship between restaurant ratings (on the x-axis) and total review counts (on the y-axis), using one circle per restaurant. The visualization reveals whether higher-rated establishments tend to attract more reviews. The code loads data from a CSV file using `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. It applies margins for axis placement, labels both axes with rotated text for the y-axis, and styles circles with a brown fill and light border. The chart is built with D3.js v6, rendering to SVG within an HTML page.

Kkoteswararao614@gmail.com
75% match