Skip to main content
SimilarExport ZIP
100%

Week 2: Global Salaries for Data Science Dataset

✓ Published0🌍 Public
JJacob Chlebowski
Last edited Aug 30, 2024
Created on Aug 30, 2024

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

AI-generated description

Author: Jacob Chlebowski - jachlebowski@wpi.edu

The Pokemon Base Stats Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
100% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of the Global Salaries for Data Science dataset as a scrollable JSON object in the browser. Each row from the CSV file is parsed and rendered inside an HTML `<pre>` element, with the font size set to 19 pixels. The code uses the `data.csv` import and the `JSON.stringify` method to format the data with indentation. The visualization serves as a simple data browser, allowing inspection of individual salary records without any aggregation or charting.

JJacob Chlebowski
87% match
Loading thumbnail…

Fork of Week 2: Pokemon Data Extremes

This example presents text-based extremes for the Pokémon dataset, listing the lowest and highest values for Speed, Attack, Defense, and HP. It identifies the Pokémon with the minimum and maximum stat values. The tool parses CSV data and calculates extremes using JavaScript's `reduce` method, then displays results in a formatted HTML container. The visualization is a simple textual output rather than a graphical chart, with data sourced from the Pokémon Base Stats Dataset.

JJacob Chlebowski
73% match
Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats, plotting speed against the balance between attack and defense, while encoding HP through circle radius and Pokémon type through color. Users can click individual points to reveal detailed stat information and filter the dataset by type. The visualization uses D3.js v7 APIs including `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with custom overlap detection adjusting circle opacity to reveal densely clustered regions. The dataset is drawn from the Pokémon Base Stats Dataset sourced from Kaggle.

JJacob Chlebowski
72% match
Loading thumbnail…

Week 2 Dataset 1

This example displays the first row of the 80 Cereals dataset as a formatted JSON object. The code uses the `d3.csv` parsing method to load and convert the data, applying numeric type coercion to each column. The visualization simply renders this data in a `<pre>` element with a fixed font size, demonstrating a minimal static view of the dataset structure. No interactive or dynamic elements are present.

IIan Coolidge
71% match
Loading thumbnail…

Data Visualization Project Week 15

This interactive D3.js scatterplot visualizes Pokémon base stats, mapping speed on the x-axis against the balance between attack and defense on the y-axis. Circle size encodes HP, while color represents type, with filters allowing viewers to isolate specific Pokémon types. Hovering over the legend reveals type counts, and clicking a point displays detailed stats. The visualization uses d3.scaleLinear, axisBottom, axisLeft, and handles filtering via data binding with selection.join() on the Pokémon Base Stats Dataset from Kaggle.

JJacob Chlebowski
71% match
Loading thumbnail…

Week 2: Cost of Living by Country Dataset

This example displays the Cost of Living by Country dataset as a scrollable JSON text view, showing all country records with attributes like Cost of Living Index and Rent Index. The code parses string values into numbers and renders the full dataset in a <pre> element styled with a font size of 19 pixels. It uses standard browser DOM APIs, including `container.innerHTML` and `style.overflowY`, to present the raw data from the CSV file imported via an ES module.

JJacob Chlebowski
70% match
Loading thumbnail…

Data Visualization Project Week 12

This interactive scatterplot visualizes Pokémon base stats from a Kaggle dataset, plotting speed against the balance between attack and defense. Circle size encodes HP, while color maps to Pokémon type. Users can filter by type using buttons and click individual points to view detailed stats. Built with D3.js, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft`, with custom overlap-based opacity adjustments to manage point density. A legend and a details panel complement the interactive filtering and selection features.

JJacob Chlebowski
70% match