tadisatishreddy2000@gmail.com

@Satish0329·4 public vizzes

Cancer_Dataset_Summary

This visualization presents a compact summary of a cancer dataset loaded from an external CSV file. It displays key statistics—file size, row count, and column count—in a stylized, gradient-backed card with hover effects. The code uses D3 v7’s `d3.csv` to fetch and parse the data, then calculates the number of rows and columns dynamically from the parsed array. The summary updates the page content via standard DOM manipulation, providing a quick, visual overview of the dataset’s structure without additional charts.

Mar 19, 2025

Loading thumbnail…

ICE

This example displays a summary of a cancer dataset, presenting its file size, row count, and column count in a stylized, gradient-filled card. It fetches data from a remote CSV file using the D3.js `d3.csv` method, then calculates the metrics by stringifying the data and inspecting the array and its first object. The presentation uses HTML and CSS for layout and animations, paired with D3 v7 for data retrieval and processing.

Mar 19, 2025

Loading thumbnail…

vamsi

This visualization presents a summary of a small CSV dataset containing seven fictional student records with eight fields each. The page displays the file size, row count, and column count in a styled summary box against a blue gradient background. The code defines the data as a CSV-formatted string, converts it to a Blob to estimate file size, and parses it using D3.js's `d3.csvParse`. The resulting statistics are then inserted into the HTML using the `innerHTML` property.

Mar 18, 2025

Loading thumbnail…

ICE5

Six colored circles animate into place on a pale green background, growing from invisible points to their final sizes before subtly repositioning. The visualization uses D3 transitions with easing to sequence the entrance of each circle, then a faster linear transition adjusts their coordinates. It demonstrates D3’s join pattern for enter and update selections, employing `transition.delay`, `transition.duration`, and `easeLinear` from the d3 library. Data includes hardcoded positions, radii, and hex colors, with an opacity set to 0.708.

Mar 18, 2025