Skip to main content
SimilarExport ZIP
100%

Activity6-Question3-Rashmitha

✓ Published0🌍 Public
Rrashmithatanneru@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024

This scatter plot visualizes the relationship between lines of code and number of bugs across programming languages, with points colored by language category. The visualization uses D3 v6 to load CSV data from a GitHub repository, scale the x and y axes with `scaleLinear`, and render SVG circles positioned by the scaled values. Axis labels are added using `axisLeft` and `axisBottom`, with the plot sized to fit the full browser window.

AI-generated description

We are Displaying the Coding dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6-Tutorial3-Rashmitha

This scatter plot visualizes the Iris dataset by plotting the number of bugs against lines of code, with each point colored according to the programming language (Python, Java, or other). It uses D3.js (v6.7.0) and loads data from a remote CSV URL. The visualization employs D3's `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to map data to SVG coordinates and render axes, with circles representing individual data points.

Rrashmithatanneru@gmail.com
87% match
Loading thumbnail…

Activity6-Question3-Rashmitha

This scatter plot visualizes Fisher's Iris dataset, mapping petal length and width against sepal length and width. Each point on the SVG canvas represents a flower, with its color (skyblue, lightgreen, or orange) indicating the species (setosa, versicolor, or virginica). Built with d3.v6, the code loads CSV data from a GitHub URL, uses `scaleLinear` for axis scaling, and renders circles with `d3.select`'s `.join` method. The chart includes labeled axes for petal and sepal lengths, with a legend implied by the colored markers.

Rrashmithatanneru@gmail.com
78% match
Loading thumbnail…

Activity6-Question4-Rashmitha

A bubble chart visualizes sales data for individual employees, plotting sales cost on the x-axis against sales profit on the y-axis, with bubble size encoding sales quantity and color distinguishing employee names. It includes a legend for quantity values and a color-coded list of employees. The visualization uses D3 v7 with SVG rendering and animation, featuring interactive tooltips on hover. The code employs `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` to generate the color palette.

Rrashmithatanneru@gmail.com
78% match
Loading thumbnail…

Activity6-Question3-Rashmitha

This scatter plot visualizes the Superstore dataset, showing the relationship between product quantity and profit, with points colored by order priority: critical orders in sky blue, medium and high priorities in light green, and others in orange. The visualization uses D3 v6 (d3.scaleLinear, d3.axisLeft, d3.axisBottom) to render SVG circles, with the data loaded via d3.csv from a GitHub-hosted CSV file. The chart includes labeled axes for Profit and Quantity, sized to fill the browser window.

Rrashmithatanneru@gmail.com
77% match
Loading thumbnail…

Activity6_Question1_Rashmitha

This bar chart displays the population of the top ten countries for the year 2000. The visualization is rendered with React and SVG, using D3 v5's `scaleBand` for the categorical country axis and `scaleLinear` for the numerical population axis. Data is loaded from a CSV using `d3.csv` based on a raw GitHub URL. The chart features horizontal bars, axis tick marks, and tooltips showing the formatted population values.

Rrashmithatanneru@gmail.com
76% match
Loading thumbnail…

Activity6_Tutorial3.2_Rashmitha

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and distinguishing species by shape (circles, squares, and other symbols). It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse` APIs to load and transform data, with `axisLeft` and `axisBottom` for axes. The plot includes a custom shape legend and updates dynamically as data loads, rendered in an SVG canvas sized to the window.

Rrashmithatanneru@gmail.com
75% match
Loading thumbnail…

ctivity6-Tutorial3-Rashmitha

This scatter plot visualizes the Iris dataset, mapping Weight on the x-axis and Height on the y-axis, with points colored by animal type (dog, cat, or other). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart. Data is loaded asynchronously from a CSV file via `d3.csv`. The code filters points by species using a color marker function, with axes labeled in green and a red title.

Rrashmithatanneru@gmail.com
75% match
Loading thumbnail…

Activity6_Question2_Rashmitha

This stacked bar chart visualizes the percentage of salary ranges across three job positions—Clerk, Associate, and Manager—using data from Salary.csv. D3 v7 renders the chart as SVG, with each bar segment colored by salary category and scaled proportionally along a linear x-axis. The tooltip appears on mouseover, showing the exact percentage of each salary range within a position, computed via d3.format and d3.stack. The y-axis uses d3.scaleBand to separate positions, while the legend and axis labels clarify the mapping.

Rrashmithatanneru@gmail.com
74% match