Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.2_Question

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Task 3.1_Question

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.

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
85% 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
77% 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
76% match
Loading thumbnail…

Activity-8_Q3.6

This example shows a scatter plot of temperature versus humidity, with points shaped according to weather condition (sunny, cloudy, or rainy) and colored accordingly. The visualization loads CSV data via fetch, parses it with `d3.csvParse`, and renders shapes using `d3.symbol` with `symbolsFill` scales. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while a custom legend maps shape scales to weather labels. The code is organized into modular ES6 files, using `d3.scaleLinear` for positioning and `d3.scaleOrdinal` for shape encoding.

SSree Yuktha Sunkara
74% 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
74% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the relationship between average temperature and rainfall across multiple cities, using distinct colors and symbol shapes to differentiate each city. Data is loaded from a remote CSV file and rendered as an SVG using D3 v7. The visualization employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.symbol` types for the data points. A legend and axis labels are included to clarify the mapping.

Rrahman.mehmood2002@gmail.com
73% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
73% match