Gist eaa120aff028cbbf43c79b2d085ff771

100%

Gist eaa120aff028cbbf43c79b2d085ff771

✓ Published0🌍 Public

Last edited May 14, 2018

Created on May 10, 2018

The visualization tracks daily sales of baked goods across multiple locations in Northern and Southern California and New York City, comparing item-specific counts before and after a promotional period. It uses small multiples to display time-series data for each item-location pair, with columns representing pre- and post-promotion values side-by-side. The chart is built with d3.js, using its data parsing and SVG rendering capabilities to encode the longitudinal counts for each categorical product type, such as cookies, scones, and pound cakes. The data comes from three CSV files containing date-stamped sales figures.

AI-generated description

Similar vizzes

Loading thumbnail…

TD2

This dashboard presents a multi-panel analysis of a sales dataset, visualizing data through a scatter plot, bar chart, donut chart, and a geographic map. It shows the relationship between order dates and sales figures, with points colored by sub-category to reveal trends. The code uses d3.csv to load data, d3.geoPath with a geoAlbersUsa projection to render U.S. states, and d3.pie for the donut chart. Interactive tooltips appear on hover, while transitions animate axis updates. The visualizations are rendered as SVG elements within a Vue framework.

EElodie31190

67% match

Loading thumbnail…

Gist 9ddca91496f8e79a0bb5f704f92cea71

This interactive data visualization presents the menu offerings of boba tea shops in San Francisco and San Jose, using a hierarchical JSON file as its data source. The code visualizes each shop’s menu structure—flavors, toppings, and sweetness levels—as an expandable tree or network diagram, with each option rendered as a node. Built with the JavaScript library D3.js, it likely employs `d3.forceSimulation` for layout and `d3.selectAll` for rendering nodes and links, enabling users to explore the distinct offerings and options across multiple shops. The visualization highlights the variety and customization available at each location.

115Dkatz

67% match

Loading thumbnail…

TD2 - dboard

This dashboard visualizes Superstore sales data across four coordinated SVG plots. A donut chart displays sales by sub-category with hover tooltips, while a scatter plot maps order dates against sales amounts, colored by sub-category. Additional plots include a bar chart and a U.S. map using `d3.geoAlbersUsa` and `d3.geoPath`. Built with Vue and D3 v6, the visualization uses `d3.pie`, `d3.arc`, `d3.scaleTime`, and transitions to animate axes and marks. Data comes from the included `data.csv`, with customer and product details shown on mouseover.

LLauranJade

66% match

Loading thumbnail…

Gist 78d997d4b70284eab2159645ba587f1f

This visualization compares consumer expenditure and demographic data across four Midwestern U.S. cities—Chicago, Detroit, Minneapolis–St. Paul, and St. Louis—using data from a flattened CSV file. It presents the information as a series of horizontal bars or numeric tables grouped by spending categories like food, housing, and transportation, with each city’s values displayed side-by-side for direct comparison. The rendering relies on a JavaScript library to parse and display the structured data from the provided file, likely using a data-driven approach to map the tabular values into visual elements, though no specific graphing API is named in the source.

JJustinGOSSES

66% match

Loading thumbnail…

Gist ee5686347047ba8685a25aaa85169791

This visualization tracks the cumulative frequency of a list of integer adjustments, showing the running total as it evolves through the sequence. It uses D3.js to render a line chart on an SVG canvas, with the x-axis representing the step number and the y-axis the accumulated sum. The data comes from a plain-text file of frequency changes, reminiscent of the Advent of Code challenge. The implementation likely employs `d3.scaleLinear` and `d3.line` to map the data points and draw the path, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

BBBischof

65% match

Loading thumbnail…

TD2 - dboard - Version prof

This dashboard displays sales data from a CSV file across four coordinated visualizations. It shows a geographic map of state-level sales using `d3.geoAlbersUsa` and `d3.geoPath`, an animated bar chart, a time-series scatter plot, and a donut chart of sub-category sales. The bar and scatter plots use transitioned axes, while the pie chart uses `d3.pie` and `d3.arc`. Built with D3 v6 and Vue, it renders SVG with tooltip interactions on hover.

MMaeva B

65% match

Loading thumbnail…

dboard

This dashboard presents a multi-panel visualization of Superstore sales data, showing a US map, bar chart, scatter plot, and pie chart. It uses D3.js v6 with SVG rendering and animations. The scatter plot maps product sales over time, colored by sub-category, while the pie chart displays sales distribution by sub-category with interactive tooltips. The visualization loads GeoJSON for the US map and CSV data for all charts, using `d3.geoPath` for the map and `d3.pie` for the donut chart.

PPLD3508A

65% match

Loading thumbnail…

Gist ac4a02b526cdd611b46159cb475c24e9

This visualization compares consumer expenditures across five Midwestern U.S. cities (Chicago, Detroit, Minneapolis-St. Paul, and St. Louis) using multi-column data from a flat CSV file. It displays a table-like layout where each row represents a spending category, and each column shows the dollar amounts or demographic statistics for that city. The rendering uses D3.js with a `d3.forceSimulation` algorithm to manage the positioning of data elements, making the comparison of values and category hierarchies visible at a glance. The data structure features three levels of headers, allowing users to trace broad categories like Food or Housing down to specific subcategories.

JJustinGOSSES

65% match