Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.1_Question

✓ Published1🌍 Public
Sshettisowmya01@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024

This example shows a scatter plot of star data, mapping temperature on the x-axis and luminosity on the y-axis. Each circle’s color corresponds to the star’s color category, using a fixed color map with gray as a fallback. The visualization loads CSV data from a GitHub URL, parses numeric fields with custom row handling, and renders SVG circles using D3 v6’s `select`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs. Axis labels are added manually, and the plot fills the full browser window.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.2_Question

This scatter plot visualizes star data from a CSV file, showing the relationship between Temperature (K) on the x-axis and Luminosity (L/Lo) on the y-axis. Each star is represented by a distinct symbol, colored according to its star color category, with a legend indicating the mapping. The visualization uses d3.scaleLinear for axis scaling, d3.scaleOrdinal with d3.symbolsFill for shape assignment, and d3.symbol to generate the shapes for both the marks and legend. Data is loaded via fetch and parsed with d3.csvParse.

Sshettisowmya01@gmail.com
90% match
Loading thumbnail…

Activity 7.1_Tutorial

This interactive scatter plot visualizes the Star DataSet, mapping stellar temperature (K) on the x-axis against luminosity (L/Lo) on the y-axis. Each circle represents a star, with its fill color determined by the star’s spectral color category (e.g., red, blue, yellow, orange) via a custom color map, falling back to gray for unknown colors. The visualization uses d3.csv to load the remote dataset, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for the labeled axes, with margins and axis labels provided in green. The chart renders as an SVG, sized to the full browser window, and includes a descriptive title above the plot.

Sshettisowmya01@gmail.com
84% match
Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava
81% match
Loading thumbnail…

Activity 7.2_Question 2

This example shows an area chart of star absolute magnitude by luminosity, using a light green, semi-transparent filled region to highlight the relationship between the two variables. The visualization loads CSV data from a GitHub repository and renders it as an SVG using D3 v6, with a logarithmic x-axis for luminosity and a linear y-axis for absolute magnitude. The code employs `d3.csv`, `d3.scaleLog`, `d3.scaleLinear`, `d3.area`, and `d3.axisBottom`/`d3.axisLeft` to generate the chart, applying `curveMonotoneX` for smooth area boundaries.

Sshettisowmya01@gmail.com
80% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
79% match
Loading thumbnail…

Activity6_Task-8_Q3

This scatter plot visualizes the relationship between x and y coordinates for data points grouped into three categories (A, B, C), with each group distinguished by a distinct color. The visualization uses D3.js v7 to load a CSV file and render an SVG chart with linear scales for both axes. Circles represent individual data points, sized at a fixed radius of 6 pixels, with black strokes for clarity. The chart includes axis labels, a legend identifying each group, and uses `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Gridlines are not drawn, but tick marks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

PPradhyumna Poralla
78% match
Loading thumbnail…

Activity 7.2_Question 1

This pie chart visualizes the distribution of star luminosity across five defined ranges, from "Very Low (0-0.1)" to "Very High (100+)". It aggregates data from a CSV file of stars, counting how many fall into each luminosity bin, and colors each slice with a corresponding gray-to-yellow ordinal scale. The visualization uses d3.csv for data loading, d3.pie and d3.arc for generating the SVG paths, and d3.scaleOrdinal for color mapping. An interactive HTML legend displaying each range and its count is positioned outside the chart.

Sshettisowmya01@gmail.com
78% match
Loading thumbnail…

Activity_Task3_Question_3

This example shows a scatter plot of fifty randomly generated points, each belonging to one of three categories (A, B, or C) and plotted on a simple Cartesian grid. The visualization distinguishes categories by encoding each one with a distinct symbol—circle, cross, or diamond—and a unique color from the `d3.schemeCategory10` palette. Using D3 v7, the code creates SVG paths via `d3.symbol`, scales numeric x and y values with `d3.scaleLinear`, and adds labeled axes rendered through `d3.axisBottom` and `d3.axisLeft`.

SShasankreddyganta@my.unt.edu
78% match