Coffee shops dataset

100%

Coffee shops dataset

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

This visualization presents a dashboard summary of a Texas coffee shop dataset, displaying key performance indicators in a card layout and a bar chart of total monthly revenue by city. The page uses D3 v7 to load data from a raw CSV file hosted on GitHub Gist, computing aggregate statistics like average customers and employee counts. Custom CSS variables establish a dark theme with accent colors, while D3's SVG rendering generates the responsive bar chart with styled axes and gridlines.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Coffee shops

This visualization presents summary statistics for a Texas coffee shop dataset. It displays key performance indicators like average daily customers, employees, and monthly revenue, alongside a bar chart showing total monthly revenue by city. The page loads data from a raw CSV file hosted on GitHub Gist using `d3.csv` and builds its UI with D3's selection and DOM manipulation methods. The chart is rendered as SVG, with styling handled by CSS custom properties and layout achieved through a responsive CSS grid.

Ddineshsingiri18@gmail.com

96% match

Loading thumbnail…

Fork of HTML Starter

This visualization presents a summary of a Texas coffee shop dataset, displaying key performance indicators for traffic, staffing, and revenue alongside a bar chart of total monthly revenue by city. The dark-themed interface uses D3.js v7 to load and parse CSV data from a GitHub Gist, calculating aggregates with d3.mean and d3.min. Cards display computed statistics, while an SVG bar chart renders the revenue comparison. The code demonstrates D3's data-loading capabilities, CSS styling for visual design, and programmatic selection and text assignment.

Ddineshsingiri18@gmail.com

88% match

Loading thumbnail…

Star Break Coffee

Star Break Coffee displays monthly revenue and profit for a coffee chain using a static bar chart. Data from data.csv is mapped to SVG rectangles via d3.scaleBand, d3.scaleLinear, axisBottom, and axisLeft. The chart features dark blue axis labels, grey bars that turn green on mouseover via d3.select and transition, and uses Bootstrap for layout.

MMerceEscalante

73% match

Loading thumbnail…

ICE6 Bar Chart Coffee Sales

This bar chart displays monthly sales figures for 100 coffee shop branches, using a sequential blue color scale to encode the magnitude of sales. The visualization, built with React and D3 v7, renders SVG rectangles for each branch, with axis labels and a title. Using d3.csv to load data, the code employs scaleBand and scaleLinear for positioning, d3.axisBottom and d3.axisLeft for ticks, and d3.interpolateBlues for color mapping.

AAddiga Himesh Chander

73% match

Loading thumbnail…

Asssignement

A bar chart displays monthly sales for 100 coffee shop branches, with each bar colored on a sequential blue scale to encode sales magnitude. Using D3 v7 within a React component, the visualization loads data from a CSV file via `d3.csv`, aggregates it, and renders SVG rectangles scaled with `scaleBand` and `scaleLinear`. Branch labels are rotated on the x-axis, and axes are drawn with `axisBottom` and `axisLeft`, with hover effects changing bar color to orange.

Ssairathan.p045@gmail.com

72% match

Loading thumbnail…

ICE-5

This example visualizes January coffee sales as a bar chart, displaying total records, total units sold, and average price in a text summary above the chart. The bar chart uses d3.scaleBand and d3.scaleLinear to map product names to unit counts, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded asynchronously from a CSV file using d3.csv, and hover interactions change bar color. The visualization is rendered as SVG with D3 v7.

Rrevanthdasari10@gmail.com

72% match

Loading thumbnail…

sales dataset

This visualization summarizes a sales dataset loaded from a CSV file via `fetch` and parsed with `d3.csvParse`. It displays total profit by region and total revenue by item type as SVG bar charts, alongside summary statistics and top countries by revenue in chip cards. The code uses D3 v7 for data binding, scales, and axis generation, with a warm color palette and hover effects on bars.

SSreedevi Itta

71% match

Loading thumbnail…

Html_VizHub

This example shows a web page that summarizes a curated CSV dataset of global coffee varieties. It presents a text-based dashboard displaying the total number of coffee types, the file size of the source data, and the dataset's row and column counts. The page loads its data from a GitHub Gist via a `fetch` request, parses the CSV using `d3.csvParse`, and then injects the calculated statistics into the HTML. The presentation uses custom CSS for a coffee-themed color scheme and includes a hand-drawn SVG coffee mug icon.

Sshaikfayazfz64@gmail.com

71% match