Skip to main content
SimilarExport ZIP
100%

financial_analytics

✓ Published1🌍 Public
JJoe Rozman
Last edited Sep 17, 2024
Created on Sep 1, 2024

This visualization displays the first record from a financial analytics dataset of Indian companies, showing attributes like market capitalization, quarterly sales, and their respective categories. The code imports the CSV data, parses the quantitative columns into numbers using unary plus operators, and then renders the first data object as a formatted JSON string using `JSON.stringify`. The output is displayed within an HTML `<pre>` tag, with a font size of 36 pixels, allowing for a clear, textual preview of the structured data from Kaggle.

AI-generated description

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source

Tasks Identified

  • I want to see the correlation with mar cap and body mass
  • I want to see the distribution of market cap per market cap category
  • I want to see the correlation of flipper length and sales quarter
  • I want to see the correlation of bill length and bill depth
  • I want to see the correlation of sale quarter to sale quarter category
MIT Licensed

Similar vizzes

Loading thumbnail…

Stock Market Data

This visualization displays the first record of a stock market dataset in a formatted JSON structure, showing daily prices and trading volumes for major global companies. The code imports data from a CSV file, converts numeric string values to numbers, and renders the first data point as a readable JSON object. It uses JavaScript's `JSON.stringify` method with a font size of 36 pixels to display the data in a preformatted HTML element.

Yyaredmtaye@gmail.com
73% match
Loading thumbnail…

ai_powered_job_insights

This visualization displays JSON-formatted records from the AI job market insights dataset, highlighting fields like job title, industry, salary, and AI adoption level. The code imports a CSV file and converts numeric string values into numbers using JavaScript’s unary plus operator. It then renders the first data entry as a formatted JSON string inside an HTML `<pre>` element, with the font size controlled via inline CSS. The dataset originates from Kaggle and explores correlations between job attributes and AI-related metrics.

JJoe Rozman
71% match
Loading thumbnail…

Energy

This visualization displays the first record of an energy consumption dataset as raw JSON in a large monospace font. The code parses a CSV file using a data import statement, converts timestamp and numeric fields with the JavaScript `Date` constructor and unary plus operators, then renders the formatted object with `JSON.stringify` inside a `<pre>` element. The example demonstrates basic data loading and preprocessing from the Energy Consumption Prediction dataset on Kaggle.

Ppadmeshnaik22@gmail.com
70% match
Loading thumbnail…

Amazon best sellers June 2021

This visualization displays the first record of a CSV dataset representing Amazon best sellers from June 2021. The code uses d3-fetch’s `csv` loader to parse the data, then renders the entire first row as a JSON string inside an HTML `<pre>` element. The example emphasizes raw data inspection rather than graphical encoding, highlighting the parsed quantitative attributes in a fixed-size font. The dataset is sourced from a public repository and loaded via a relative path in the `data.csv` file.

AAkanksha
68% match
Loading thumbnail…

Mental Health

This example visualizes the first record of a mental health survey dataset from Kaggle, showing parsed survey responses as a JSON string. The code loads `MentalHealthSurvey.csv` via a data import statement, then converts quantitative fields like age, CGPA, sleep hours, and Likert-scale ratings (depression, anxiety, isolation) from strings to numbers using unary plus and `parseFloat`. The parsed object is displayed in a `<pre>` element with a fixed font size, providing a quick reference for the data structure. The visualization relies on the CSV parsing and string interpolation in JavaScript, without additional libraries.

RRuba Khan
68% match
Loading thumbnail…

Video Game Sales

The example displays the first record of the Video Game Sales dataset as a formatted JSON object, revealing its structure for tasks like discovering top-selling genres or comparing regional sales. It imports data from a local CSV file and converts seven specified numeric attributes from strings to numbers before serializing the first element. The visualization renders this data using a simple HTML `<pre>` tag with a configurable font size, demonstrating a minimal approach to data inspection without relying on a charting library. This setup provides a transparent view of the dataset’s fields, enabling users to understand the available variables for subsequent analysis.

SSamuel Karkache
68% match
Loading thumbnail…

Data Table Summary

This example summarizes a stock price dataset by displaying the total row count, column count, and file size in kilobytes using D3’s `csv` and `csvFormat`. It then shows the first ten rows of the data as formatted JSON. The data comes from Yahoo Finance’s Basic Materials sector, covering daily high and low prices for five companies over five years, and the output is styled with black background and green monospace text.

Vveagy
67% 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
67% match