Skip to main content
SimilarExport ZIP
100%

star dataset

✓ Published1🌍 Public
PParth Shroff
Last edited Dec 10, 2024
Created on Sep 5, 2024

This example visualizes the first row of the Stars Dataset from Kaggle, showing parsed values for attributes like Distance_ly, Luminosity, Radius, and Temperature_K. The code loads CSV data, coerces numeric fields with unary plus operators, and displays a single record as formatted JSON in a pre element. It uses plain JavaScript with inline template literals to set the container’s innerHTML, and exports the parsed data array for further use in a visualization gallery context.

AI-generated description

The Stars Dataset, loaded and parsed as CSV.

  1. I want to see the correlation between Distance and Luminosity
  2. I want to analyze the correlation between Temperature and Luminosity
  3. I want to understand what Spectral class is and how can it relate to my viz.
  4. I want to see if radius and Luminosity are correlated,
  5. I want to see if Distance plays a role in Spectral Class
MIT Licensed

Similar vizzes

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
71% match
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
68% match
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
67% match
Loading thumbnail…

dataset 2 - Sleep and Health Metrics

This example visualizes the first row of a synthetic sleep and health metrics dataset from Kaggle, displaying its raw JSON structure in a large monospaced font. The code loads the CSV data, converts string values to numbers for all nine numeric fields, and then renders the first record’s key-value pairs inside a preformatted HTML block. It uses the `data.csv` import and the `container.innerHTML` assignment to present the data as-is, offering a minimal, non-interactive preview of the dataset before deeper analysis.

YYiyi Wu
66% match
Loading thumbnail…

Solar_System

This example demonstrates loading and parsing CSV data using D3.js v7, fetching planetary data from a GitHub-hosted CSV file. After loading, it displays a summary of the dataset—including approximate size, row count, and column count—and renders the first five records in an interactive HTML table. The table features zebra striping, a sticky header with gradient background, hover effects with accent bars, and right-aligned numeric columns, all styled through custom CSS. The implementation uses `d3.csv()` for parsing and D3’s selection and joining methods (`selectAll`, `data`, `join`) to build the table structure dynamically. A loading message and error handling are included, with the error state turning the message container red.

AALIMINETI SPOORTHY REDDY
66% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a satellite dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. The visualization uses D3 v5’s `csv` and `csvFormat` functions to parse and measure the data, then appends the results to the body as `pre` elements. The dataset covers man-made satellites as of April 2018, sourced from the Union of Concerned Scientists.

RRyan Fleming
66% match
Loading thumbnail…

Iris Dataset

This example displays the first row of the classic Iris dataset as a formatted JSON object in a large monospace font. The code imports the CSV data, converts the numerical fields from strings to numbers, and then renders the entire first data point using a template literal. It relies on the browser's `JSON.stringify` method to produce the readable output, showcasing the data structure without any graphical chart.

SSubhendu Karmakar
65% match
Loading thumbnail…

Student Performance

This visualization displays a preview of student performance data, showing the first record's attributes such as attendance rate, study hours, previous grade, and final grade. It loads data from a CSV file containing ten students with demographic and academic metrics, converting quantitative fields to numbers. The example uses plain JavaScript to parse the data and render the first entry as formatted JSON text in a container, providing a simple template for inspecting dataset structure before building more complex charts.

RRuba Khan
65% match