Skip to main content
SimilarExport ZIP
100%

Breast Cancer Report

✓ Published1🌍 Public
Nnitinramagiri1@gmail.com
Last edited Sep 12, 2024
Created on Sep 5, 2024

This example displays the first row of the Breast Cancer dataset as formatted JSON, converting all numeric fields from strings to numbers using the unary plus operator. The main function renders the parsed data into a `<pre>` element with a fixed font size, showing the structure of a single sample with attributes like tumor class, cell size, and mitoses. The visualization uses plain JavaScript with a CSV import and DOM manipulation, providing a static data preview rather than an interactive chart.

AI-generated description

The Breast Cancer Report, loaded and parsed as CSV.

Tasks

  • I want to be able to see the distribution of the class of the tumor(Benign or Malignant)
  • I want to be able to see the sizes of epithilial cells("Epith_c_size") for all the Class values for Malignant tumors(value in the table: 1)
  • I want to see the distribution of Benign tumors(Class = 0) having higher cell division(Mitoses > 1)
  • I want to analyze the relationship between Uniform_Cell_Size and uniform_cell_shape for Malignant tumors.
  • I want to study the proportion of Bare_Nuclei across various classes of tumors.
MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing the Breast Cancer Dataset

This example demonstrates the initial step of working with the breast cancer dataset by loading and parsing it, then displaying basic dataset statistics. The page shows the file size in kilobytes, the total number of rows, and the number of columns. It uses D3 v7’s `d3.csv` to fetch the CSV data from a GitHub gist URL, and `d3.csvFormat` to calculate the raw data size. The resulting metrics are rendered as plain text inside a `<pre>` element, providing a concise overview of the dataset’s structure.

RRidhima Saxena
76% match
Loading thumbnail…

Breast Cancer Data Bar Chart

This bar chart visualizes breast cancer data, comparing two numeric attributes—perimeter_mean on the x-axis and radius_mean on the y-axis—across individual records. The chart uses D3 v7 to fetch a CSV dataset from a GitHub repository, then renders horizontal bars via SVG rectangles. Scales are created with d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, while d3.axisBottom and d3.axisLeft generate the corresponding tick marks and labels. The code includes React components for reusable axes and marks, though the primary implementation in index.html directly manipulates the SVG.

HHemanthh81
72% match
Loading thumbnail…

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.

Ttadisatishreddy2000@gmail.com
71% match
Loading thumbnail…

Scatter Plot - Breast Cancer Report

This scatter plot from the Breast Cancer Report dataset shows the relationship between cell thickness and epithelial cell size, revealing a positive correlation between the two variables. The visualization uses D3 scales and axes to map the data points, with circles rendered at varying opacities against a gray background. The code implements the chart using D3’s `scaleLinear`, `axisLeft`, and `selectAll` data joins, while importing custom axis label utilities from `@curran/axis-labels`. Each circle’s position is determined by the `xValue` and `yValue` accessors, and the plot includes labeled axes with specified margins and offsets.

Nnitinramagiri1@gmail.com
71% match
Loading thumbnail…

1. Diabetes Self-Management Data

This example displays the first record of the Diabetes Self-Management dataset as a formatted JSON object in a large monospace font. The code parses a CSV file, converting age and year to numbers and transforming diabetes and heart disease statuses into booleans. It uses the `JSON.stringify` method to serialize the data, which is then inserted into the container's innerHTML within a `<pre>` tag. The visualization provides a raw data preview, highlighting the dataset's structure and initial content.

Oomniaabouhassan@gmail.com
70% match
Loading thumbnail…

COVID-19 Dataset

This example displays the first row of the COVID-19 worldwide dataset as a formatted JSON object in a large monospaced font. It uses the `index.js` module to import CSV data, coerce numeric fields, and render the raw statistics for a single country. The visualization relies on a simple HTML `<pre>` element updated via template literals, with no charting library involved.

JJack Hanlon
69% match
Loading thumbnail…

Scatterplot of Breast Cancer

This scatterplot shows the relationship between clump thickness and cell size in the Breast Cancer dataset, with each point representing a sample. The code loads the CSV data from a GitHub gist using `d3.csv`, parses the numeric fields, and maps them to x and y positions via `d3.scaleLinear` with an auto-computed extent. Circles are rendered as SVG elements, and axes are added using `d3.axisLeft` and `d3.axisBottom`. The visualization fills the browser window, with margins and a fixed point radius, demonstrating a basic D3 v6 data-joining workflow.

RRidhima Saxena
69% match
Loading thumbnail…

CSV Dataset - Mortality Data

This example displays the first record of the Health Synergy Hospital Mortality CSV dataset as pretty-printed JSON. It shows the parsed data types and date formatting applied to the raw input. The code imports the CSV file, converts numeric fields and reformats the date to a consistent month/day/year string. The visualization simply renders this processed single row inside an HTML `<pre>` element, using JavaScript's `Date` object for parsing.

Nnitinramagiri1@gmail.com
68% match