Skip to main content
SimilarExport ZIP
100%

Data Summary

✓ Published0🌍 Public
Kkarnisrikanth2212
Last edited Mar 2, 2023
Created on Mar 2, 2023
Forked from HTML Starter

This example displays a summary statistics table for a dataset of 58 movies, covering columns such as movie name, year, runtime, IMDb rating, votes, and gross total. It shows counts, unique values, mean, median, minimum, and maximum for each column. The code loads data from a CSV file using `d3.csv`, then computes statistics with `d3.set`, `d3.mean`, `d3.median`, `d3.min`, and `d3.max`. Results are rendered into an HTML table using D3 selections and data joins.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Movies

An interactive table displays movie rankings based on multiple rating scores. The React app loads CSV data via the d3.csv function and uses d3.select to build an HTML table with border styling, uppercase headers, and hover highlighting. Row highlighting uses d3.classed to toggle a CSS class on mouseover and mouseout. The data source is a CSV file of movie scores, and the table organizes each movie’s attributes as rows.

Hhunsingeruk@gmail.com
77% match
Loading thumbnail…

Welcome to HTML

This interactive web page displays a dataset summary for movie reviews, presenting the file size, row count, and column count as bold text over a themed background image. It uses D3 v7 to fetch a CSV file from a GitHub gist via `d3.csv`, then computes the kilobyte size of the formatted data with `d3.csvFormat` and displays the statistics in a pre element. The page relies on a custom CSS background and jQuery-free DOM manipulation for output.

Kkarnisrikanth2212
76% match
Loading thumbnail…

code5

This example shows a summary of a movie dataset loaded from a CSV file, displaying the file size, row count, and column count in a text container on an HTML page. It includes a static SVG image and a React-compatible setup. The code uses d3.csv to fetch and parse the remote CSV, d3.csvFormat to compute the file size, and d3.csvFormat and data.columns to report dataset dimensions. Styling is handled via a linked CSS file, with D3 v7 loaded from a CDN.

SSnigdha6698
75% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 5

This interactive scatter plot visualizes movie statistics from a CSV dataset, allowing users to compare variables such as IMDB rating, revenue, runtime, and year. Users can filter points by genre through colored checkboxes, search for specific actors, and switch the x- and y-axis among six quantitative fields. Clicking a circle displays the movie’s title. The visualization uses D3 v7 APIs like `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and circles, with SVG elements updated dynamically via `selectAll` and `join`.

KKyle?
75% match
Loading thumbnail…

Welcome to HTML

This example presents a minimal HTML page that displays dataset metadata for a movie review collection. The page shows a calculated summary of the CSV data, including its size in kilobytes (rounded to the nearest whole number), the number of rows, and the number of columns. The code loads data from a remote CSV file using D3 v7’s `d3.csv` method, then formats the message with `d3.csvFormat` before injecting it into a `<pre>` element. Styling is handled through a linked external CSS file, while the page structure uses standard HTML elements.

Mmanishcheruku
75% match
Loading thumbnail…

Welcome to HTML

This example demonstrates how to load and inspect a movie review dataset using D3 version 7. It fetches a CSV file from a GitHub gist, then displays the dataset's size in kilobytes, row count, and column count within an HTML page. The code uses the `d3.csv` function to fetch and parse the data, then `d3.csvFormat` to calculate its size, and writes the summary to the page via a DOM `textContent` assignment. The visualization is minimal, focusing on metadata rather than graphical representation.

Kkarnisrikanth2212
75% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 4

This interactive scatter plot displays movie statistics from the data.csv file, allowing users to toggle genre filters via checkboxes and select which attributes (e.g., IMDB rating, Revenue, Runtime) map to the x- and y-axes through radio buttons. D3 v7 powers the scales, axes, and circle rendering, with genres color-coded and hover events showing the movie title. The implementation uses d3.scaleLinear, d3.axisBottom/axisLeft, and d3.csvParse to load data and update the visualization through a state-driven design.

KKyle?
75% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a car dataset through D3 v5. It loads a CSV file with approximately 400 records and outputs the total row count, column count, and file size in kilobytes. The page then prints the first 10 rows as formatted JSON for quick inspection. Using `d3.csv` and `d3.csvFormat`, the code calculates data metrics and appends the results to the DOM with the `select` and `append` APIs.

Ssrrajendran
74% match