Skip to main content
SimilarExport ZIP
100%

Fast Food Nutrition Dataset Update

✓ Published1🌍 Public
Ppbruss@bu.edu
Last edited Sep 29, 2024
Created on Sep 29, 2024

This example displays the first row of the Fast Food Nutrition dataset as formatted JSON, showing all nutritional fields for a single menu item. After loading data.csv, the code converts each numeric column to a number type, then uses `JSON.stringify` with indentation to render the record inside an HTML `<pre>` element. The visualization is minimal, prioritizing raw data inspection over charting or interactive graphics.

AI-generated description

The Fast Food Nutrition dataset, loaded and parsed as CSV.

MIT Licensed

Similar vizzes

Loading thumbnail…

fast-food-nutrition-dataset-v4

A static preview of the first record from the Fast Food Nutrition dataset, shown as a formatted JSON object in a large monospace font. The example uses a raw HTML `<pre>` element to render the parsed CSV data, with JavaScript converting all numeric string fields to numbers via unary plus operators in an `index.js` file. The visualization imports the dataset using a custom `data.csv` module and exports the parsed array for reuse, demonstrates a minimal approach to inspecting data structure without any charting library.

Ppbruss@bu.edu
87% match
Loading thumbnail…

Fast Food Nutrition

This example displays the first row of a fast food nutrition dataset in raw JSON format, revealing attributes like calories, fat, sodium, and protein for items from McDonald’s and other chains. The code uses the `data.csv` import to load the dataset, then logs the keys and converts all quantitative attributes to numbers via a loop. The main function renders the parsed data as a formatted `<pre>` element, offering a static preview of the dataset’s structure.

Ppbruss@bu.edu
85% match
Loading thumbnail…

Data Table Summary

This visualization displays a plain-text summary of a dataset containing nutritional information for fast food items in the US, such as row count, column count, and file size. It also prints the first 10 rows of the data as formatted JSON. The code uses `d3.csv` to load the data from a CSV file, then appends the summary and preview to the page using D3’s selection and `append` methods, with styling applied via CSS.

Wwangjonathan
75% match
Loading thumbnail…

Fast Food Restaurants Across America_2

This example displays basic dataset information and a preview of the first 10 rows from a CSV file containing 10,000 fast food restaurant locations across America. It uses D3 v5’s `csv` method to load the data, then appends `<pre>` elements to the body showing the row count, column count, file size in kilobytes, and a JSON-formatted sample of the records. The visualization relies on D3’s `select`, `csv`, and `csvFormat` APIs, with styling applied via CSS.

NNTCHANG1289
74% match
Loading thumbnail…

Fast Food Restaurants Across America_1

This example presents a console-style summary of a dataset containing 10,000 fast food restaurant locations across America. The visualization displays the total row count, column count, file size in kilobytes, and a JSON-formatted preview of the first ten records. The code uses D3’s `csv` API to load the remote CSV file and `select` to access the DOM, appending multiple `pre` elements to the body. The data originates from a Kaggle dataset, and the minimal, monochrome styling with green text on a black background evokes a terminal interface.

NNTCHANG1289
74% match
Loading thumbnail…

Food Nutrience

This interactive visualization explores the nutritional composition of a curated selection of foods from the USDA FoodData Central dataset. It reads a local `data.json` file containing food items with their associated nutrient values (such as vitamins, fatty acids, and minerals) and uses d3’s `select` and `join` operations to render the raw data as a formatted JSON structure in a `<pre>` element. The visualization serves as a debugging and exploration tool, displaying the exact food and nutrient records loaded from the source, highlighting the distribution of analytical data points, medians, and amounts for each nutrient. The interface is minimal, with a simple body layout and a state-managed loading process that fetches and displays the data upon initialization.

RRyan Offstein
72% match
Loading thumbnail…

Fast Food Restaurants Across America_3

This gallery example displays the first 10 rows of a 10,000-record dataset on fast food restaurant locations, alongside summary statistics such as row count, column count, and file size in kilobytes. The visualization uses the `select` and `csv` functions from the d3.v5 library to fetch and parse the CSV data from an external Kaggle-hosted source. It then appends preformatted text blocks to the document body, styling the output with monospaced text on a black background with green terminal-like aesthetics, as defined in the accompanying stylesheet.

NNTCHANG1289
71% match
Loading thumbnail…

Simple Scatter Plot Fast Food Nutrition

This scatter plot visualizes the relationship between calories and protein content in fast food items, with each point representing a menu item from the fast-food nutrition dataset. The chart uses a light gray background for the plot area and semi-transparent circles to show overlapping data points. The code relies on d3's scaleLinear, extent, and axis functions to compute scales and render axes, while the @curran/axis-labels library provides labeled axis text. Circle radius and opacity are configured through parameters passed to the viz function.

Ppbruss@bu.edu
70% match