Skip to main content
SimilarExport ZIP
100%

Machine Learning Project - Histogram of Categories

✓ Published2🌍 Public
DDaniel Ribaudo
Last edited Dec 7, 2021
Created on Dec 3, 2021

This histogram visualizes the distribution of object categories in the Tsinghua-Tencent 100K dataset, with bars colored green or red depending on whether each category’s count exceeds the average. Built with Observable Plot, it uses `Plot.barY` with sorted bars and a red `Plot.lineY` reference line marking the mean. Data is loaded via `d3.json` with `autoType`, and the chart width scales dynamically with category count. The visualization highlights uneven class representation in the machine learning dataset.

AI-generated description

This is a bar chart of the various categories in the Tsinghua-Tencent 100K dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Machine Learning Project - Histogram of Categories Refactored

This visualization compares category distributions from the Tsinghua-Tencent 100K dataset as horizontal bar charts, using Observable Plot’s `plot()` with `barX` marks and steel-blue reference lines for category averages. A dropdown menu filters results by dataset folder, while a file upload button lets users load a custom JSON file for side-by-side comparison. Bars are colored green or red depending on whether counts exceed the average, and the two charts render independently in separate scrollable containers using d3’s `group()` and `mean()` for data aggregation.

DDaniel Ribaudo
93% match
Loading thumbnail…

Machine Learning Project - Bar chart of Sign Amounts

This example displays a bar chart of sign counts per image from the Tsinghua-Tencent 100K dataset. Each bar represents the number of traffic signs found in a single image, with the x-axis showing the sign count and the y-axis showing the frequency of images with that count. The code fetches JSON data using d3.json, processes it to tally image counts, and renders the visualization using Observable Plot’s Plot.barY and Plot.frame APIs. The chart resizes dynamically to the browser window dimensions.

DDaniel Ribaudo
76% match
Loading thumbnail…

Histogram

This histogram visualizes the distribution of a numeric variable, grouping observed values into discrete bins and displaying their frequencies as vertical bars. It uses the D3.js library, specifically leveraging `d3.histogram` and `d3.scale` APIs to compute bin ranges and map data to screen coordinates. The rendering relies on SVG paths generated from the binned counts, with axes and labels drawn via D3’s measurement and tick utilities. The dataset originates from a GitHub gist, and the code operates entirely in the browser without external data files.

Mmbostock
67% match
Loading thumbnail…

Untitled

This example visualizes the distribution of a single numeric variable using a histogram with 70 bins. The code loads data from a CSV file, applies d3.histogram to compute bin counts, and renders bars with d3.scaleLinear axes. Bars below a threshold of 140 are colored orange, while others are teal, with a dashed line and label marking the split. The visualization is built with d3.v4, rendered as SVG within a React framework, and uses d3.axisBottom and d3.axisLeft for the axes.

Aansnejib2468
66% match
Loading thumbnail…

Histogram

This histogram displays the distribution of a numeric variable (price) from a CSV dataset loaded from a GitHub repository. The visualization uses D3.js v7 with an SVG rendering approach, where the `d3.histogram()` API computes the binning and thresholds, and axis scales are created with `d3.scaleLinear()`. Bars are appended as SVG rectangles, and the chart is responsive, redrawing on window resize with a debounce function. The design uses a dark background with steelblue bars.

DDattatrayPatil73076
66% match
Loading thumbnail…

Histogram

This interactive histogram visualizes the distribution of one numeric variable using data loaded from a CSV file. Built with D3 v7, it renders bars as SVG rectangles, with the x-axis scaled linearly and the y-axis representing bin counts. The chart updates responsively on window resize, recalculating the histogram with 40 thresholds to accommodate the new width. Data is fetched from the `data_to_viz` GitHub repository.

Aarjun-lab663
66% match
Loading thumbnail…

Histogram

This histogram visualizes the distribution of a dataset using interactive bars, rendered with React and D3. It shows the frequency of data points across numeric bins, with hover effects highlighting individual bars. The code uses `d3.histogram` to compute bin ranges and `d3.scaleLinear` for positioning, while SVG paths are generated via `d3.area` for the bar shapes. The chart dynamically updates based on user-selected bin counts, demonstrating a reusable React component pattern. The underlying data is random-generated, and the styling relies on plain CSS defined in the linked stylesheet.

RRiya Mathur
65% match
Loading thumbnail…

Activity6Question2

This example shows the distribution of ratings across five categories—AI Research, Machine Learning Development, and others—using a stacked horizontal bar chart. Each bar segment represents the percentage of ratings within a rating band, such as "below 5.0" or "7.5-8.5". The visualization uses d3.stack() to structure the data and d3.scaleOrdinal for color mapping. Mouse interactions trigger tooltips that display exact percentages, while d3.axisBottom and d3.axisLeft label the chart. Data is loaded from a CSV file with d3.v7.

Aalapati98@gmail.com
65% match