ICE-5 Campus Food Trucks

100%

ICE-5 Campus Food Trucks

✓ Published0🌍 Public

Last edited Oct 2, 2025

Created on Oct 2, 2025

This example visualizes campus food truck data by showing a bar chart of cuisine counts alongside summary statistics and a full data table. It loads a CSV file from a GitHub gist using D3.js’s `d3.csv` method with `d3.autoType` for type inference. The bar chart uses `d3.scaleBand` and `d3.scaleLinear` to map cuisine categories to rectangular bars, with counts labeled above each bar. Summary values are calculated via `d3.mean`, and the table is populated using D3’s data join pattern.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5 Campus Food Trucks

This D3.js example displays a summary of a campus food truck dataset loaded from a remote CSV file. The page shows the row and column count, along with an approximate file size of 1 KB, in a styled summary area adjacent to a simple illustrative SVG containing a labeled rectangle. The project uses the `d3.csv` method to asynchronously fetch and parse the data, then directly updates the HTML `innerHTML` property to present the calculated findings. Static SVG elements are defined directly in the HTML markup, while styling is handled through internal CSS rules.

Jjanisha30gowda@gmail.com

90% match

Loading thumbnail…

ICE 5_Niharika

This example presents a tabular preview and a suite of chart-based visualizations for a campus snacks dataset loaded from a CSV file. Using D3.js v7, it renders a bar chart, donut chart, scatter plot, and stacked charts directly into SVG elements, with a tooltip for interactions. The page also includes a U.S. map drawn with TopoJSON, loaded dynamically via the `topojson-client` library. Data is summarized and displayed across multiple chart types to explore patterns in the dataset.

118121a1545

79% match

Loading thumbnail…

ICE5

This visualization displays a summary of sales data, including total sales, average sale amount, total quantity sold, and counts of unique regions and product categories. It presents a full data table alongside a bar chart that aggregates total sales by region. The D3 v7 code loads CSV data from a remote URL and uses d3.autoType for parsing and d3.rollup for grouping. The chart uses d3.scaleBand and d3.scaleLinear for axes, rendering bars as SVG rectangles.

Ssrinathkarumuru@my.unt.edu

75% match

Loading thumbnail…

ICE 5

This example displays a dataset summary alongside a static SVG composition of colored circles. It loads a hosted CSV file of global economy data and computes basic statistics for numeric columns, including row count, min, max, and mean. The visualization renders a 3-by-10 grid of circles using D3 v7’s selection and data-joining methods, applying a Tableau color scheme and decorative opacity. The code uses `d3.csv` for parsing and `d3.min`, `d3.max`, and `d3.mean` for summary calculations, with all output drawn as SVG elements.

CCharith Kapuluru

75% match

Loading thumbnail…

ICE 5

This example presents a plain HTML table and summary statistics for a vehicles dataset loaded from a remote CSV file. The page displays the approximate size of the data in kilobytes, the number of rows, and the number of columns, followed by the full dataset in a styled table. It uses D3.js v7’s `d3.csv` to fetch and parse the data, then builds the table and summary text with string templates and D3’s selection API. The styling relies on standard CSS for the container, table, and hover states.

Ssaisathwikaguntupalli@gmail.com

75% match

Loading thumbnail…

ICE5

This example displays metadata about a food order dataset, including its size in kilobytes, row count, and column count, presented as large text over a food-themed background image. The page loads a CSV file from a GitHub gist using D3 v7’s `d3.csv`, computes the formatted data length with `d3.csvFormat`, and updates the DOM via `textContent`. Styling relies on CSS for centered headings and background, while links provide access to the raw dataset.

Ssugunagar

74% match

Loading thumbnail…

ICE 5_Assignment

This example analyzes a shipping dataset from a Gist CSV and presents a multi-view dashboard. It displays a table of the first ten records, a text summary of key statistics, a bar chart of shipments by shipping method, and a scatter plot of weight versus delivery time. The visualizations are built with D3.js v7, using `d3.csv` for data loading and the `scaleBand`, `scaleLinear`, and axis APIs to generate SVGs. A decorative SVG cargo ship illustration is also included, with the page styled using custom CSS.

Ssrujana reddy

74% match

Loading thumbnail…

ICE_5_Nirupama

This example loads a cars dataset from a raw GitHub gist and presents an overview with summary statistics, a preview table of the first 10 rows, and a bar chart counting cars by color. It uses D3 v7 to parse the CSV, compute aggregated values with `d3.rollup`, and render the chart as an SVG with `d3.scaleBand` and `d3.scaleLinear`. Data is displayed in an HTML table, and the visualization includes styled axes and color-coded bar fills.

NNirupama Karanam

74% match