fresh block

100%

✓ Published0🌍 Public

Last edited Jan 6, 2018

Created on Jan 6, 2018

This bar chart displays the frequency distribution of delayed flights from a CSV dataset. The visualization maps categorical letters on the x-axis against percentage values on the y-axis, using a linear scale with ten ticks. Built with d3.v4, the SVG chart employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for axes. Bars are rendered as SVG rectangles with a steelblue fill that turns brown on hover.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example displays the relative frequencies of English letters as a horizontal bar chart, using data from a CSV file. The bars are sorted ascending by frequency and rendered as SVG rectangles with a blue fill, with hover effects changing their color. The visualization uses d3.csv to load the data, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and d3.axisTop and d3.axisLeft for the axes, with the x-axis formatted as percentages.

KKaitoKid

83% match

Loading thumbnail…

fresh block

A bar chart displays the frequency of each letter in the English alphabet, with steelblue bars that turn brown on hover. The chart uses D3 v4’s `d3.scaleBand` and `d3.scaleLinear` to map letters and frequencies, while `d3.axisBottom` and `d3.axisLeft` render the axes. Data comes from a tab-separated `data.tsv` file, and the visualization is drawn as SVG inside a viewBox.

KKacieW

82% match

Loading thumbnail…

fresh block

A bar chart shows the frequency of letters in the English alphabet, sorted by default in descending order. The chart uses D3 v4 and SVG rendering to draw rectangles, with a button to toggle between descending and ascending order. The code loads data from a CSV file using `d3.csv`, scales the bar widths with `d3.scaleLinear`, and re-sorts the dataset on button clicks.

NNils0

80% match

Loading thumbnail…

fresh block

A vertical bar chart displays the relative frequencies of the first five letters, A through E, using bright green bars. Built with D3 v4, the visualization employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The SVG rendering positions each rectangle using the scales, and the data is hardcoded as an array of letter-frequency objects.

KKacieW

79% match

Loading thumbnail…

fresh block

A horizontal bar chart displays numerical values from a TSV file, with each bar labeled by its value. The chart uses D3.js version 3.5.5 to load the data, scale the bar widths linearly, and append SVG rectangles and text elements. The bars are rendered in an SVG container sized dynamically based on the data length, with heights fixed at 20 pixels minus a 1-pixel gap. Data values are coerced to numbers for scaling.

NNastasi7

78% match

Loading thumbnail…

fresh block

A horizontal bar chart displays categorical data as colored rectangles, where each bar's length corresponds to a numeric range (start to stop) and its color and vertical position encode an orientation (forward or reverse). The visualization uses D3 v4 to load JSON data via `d3.json`, bind it to SVG `rect` elements, and set attributes like `x`, `width`, `y`, and `fill` based on the data values. Forward-oriented bars appear in aqua on the upper row, while reverse-oriented bars are blue on the lower row, clearly separating the two categories.

BBrieLewis

78% match

Loading thumbnail…

fresh block

A horizontal bar chart displays the number of assault incidents by resolution type, with purple bars extending from a shared left axis. The visualization uses D3 v4’s `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, rendering SVG rectangles for each bar. Data from the CSV is loaded via `d3.csv`, and axes are drawn with `d3.axisBottom` and `d3.axisLeft`, including a grid of horizontal tick lines. The chart highlights that "NONE" is the most common resolution, while "EXCEPTIONAL CLEARANCE" and "UNFOUNDED" are the rarest.

GGoomble

78% match

Loading thumbnail…

fresh block

A horizontal bar chart displays the number of cases by resolution type, using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. Rectangles represent each value, with a custom tooltip showing the category and amount on mouseover. Data loads from a CSV file via d3.csv, and axes are drawn with d3.axisBottom and d3.axisLeft under d3.v4.

GGoomble

77% match