fresh block

100%

✓ Published0🌍 Public

Last edited Sep 11, 2017

Created on Sep 10, 2017

This example shows the number of doctorate recipients in the US for 2015, broken down by major field of study, using a horizontal bar chart. Each bar is labeled with the field’s name and displays its count plus the percentage of the total (55,006). The visualization is built with D3 v4, using `d3.scaleLinear` and `d3.scaleBand` to map values and categories to SVG rectangles and text elements. Data is manually embedded from the National Science Foundation.

AI-generated description

Built with blockbuilder.org

The data describes the recipients number of Doctorate degree in a variety of major field of studies. This data is downloaded from National Science Foundation (NSF) at

Data from National Science Foundation.

This bar chart was forked from <a href='https://bl.ocks.org/curran'>Curran Kelleher</a >'s block: <a href='http://bl.ocks.org/curran/5cb71249dcbfd635c794520aff45b89d'>Extremist Murders in the US</a >.

mit Licensed

Similar vizzes

Loading thumbnail…

Top Internet Countries Visualization

This scatter plot displays the number of PhD recipients across six major fields of study, using data from the National Science Foundation. The chart shows distinct circles positioned by categorical major on the x-axis and numeric recipient counts on the y-axis. Built with D3 v4, it employs `d3.scalePoint` for the ordinal x-axis and `d3.scaleLinear` for the y-axis, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Circle sizes are fixed, while fill opacity creates a subtle visual effect.

QQ-Zhao

76% match

Loading thumbnail…

fresh block

A set of vertical bars represents five data values, with one bar highlighted in red and the rest in blue, showing a clear visual contrast for the largest value. The chart uses D3 v4 to bind an array of numbers to SVG rectangles, scaling bar heights linearly from a maximum domain of 2500 down to zero. The code applies the scale to position each rectangle’s top and height, while a fixed bar width and white stroke separate the bars for readability.

44xDMG

73% match

Loading thumbnail…

fresh block

A stacked bar chart displays the percentage of women in the US labor force across six age groups for the years 1970, 1990, and 2012. The chart uses a categorical color scale for age cohorts and a linear y-axis with percentage ticks. Built with D3 v3, the visualization loads data from a CSV file and renders as SVG, using ordinal and linear scales, axes, and series of rectangles grouped by year. A legend maps colors to age ranges.

MMrajyalakshmi

72% match

Loading thumbnail…

fresh block

The visualization is a matrix-style dot chart where each student is a circle, with batches on the y-axis, branches on the x-axis, and color indicating gender. The chart maps the categorical data from `data.json`, encoding branch and batch positions spatially, while gender is encoded through color. Rendered as SVG with D3 v5, the chart’s interactive filtering likely allows exploration by class or batch, though the core display highlights the distribution of students across academic programs and years, with a legend clarifying the color coding for male and female.

663anp3ca

72% match

Loading thumbnail…

fresh block

This example shows a bar chart of earthquake magnitudes over time, using data fetched from the USGS earthquake feed. A bar is drawn for each recorded earthquake, with its height corresponding to the magnitude value. The visualization is built with D3 v4, using `d3.scaleBand` for the x-axis time categories, `d3.scaleLinear` for the y-axis magnitude range, and SVG rectangles styled with a steelblue fill. The axes are rendered via `d3.axisBottom` and `d3.axisLeft`.

MMTClass

72% match

Loading thumbnail…

fresh block

A bar chart displays six hardcoded numeric values as vertically scaled blue rectangles, with white strokes separating them. Each bar's height is proportional to the value divided by the maximum of the dataset, computed using `d3.max`. The chart renders in SVG via `d3.select` and `selection.append`, positioning bars with `attr('x')` based on their index and using a percentage-based height. The data is static, and the visualization uses d3.v4 without axes or labels.

MMilliners-Son

72% 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

71% 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

71% match