Skip to main content
SimilarExport ZIP
100%

ISO Survey 2019 Brasil

✓ Published0🌍 Public
Ppaularl
Last edited Jan 27, 2020
Created on Jan 26, 2020
Forked from HTML Starter

This example shows the distribution of ISO certificates across economic sectors in Brazil, comparing counts for ISO 9001, 14001, 50001, and 27001. The visualization uses horizontal bar charts that animate between the four ISO standards at timed intervals, with bars widening to represent certificate counts. Built with D3 v5 and React, the code employs `d3.scaleBand` for sector positioning and `d3.scaleLinear` for value mapping, while `transition().duration()` animates the bar widths and fades title text. Data comes from the ISO Survey 2019 dataset, rendered as SVG with hover effects on bars.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Responding to Resize

A bar chart ranks ten Brazilian electricity distributors by consumer count, using a horizontal categorical axis and a linear vertical scale. The visualization highlights a selected company in teal while others remain gray, responding to clicks that update the selection and re-render the chart via a callback. SVG rendering with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` displays the data, while `d3.zoom` enables panning and zooming on the chart group. The chart also includes rotated axis labels and tooltips showing each company’s exact consumer numbers.

Ppaularl
67% match
Loading thumbnail…

Bar viz using d3 testing

This example displays horizontal bars ranking the top 20 most-traded securities on Brazil’s B3 exchange by volume, with tick labels formatted using d3’s `format('.3s')`. The chart is built in SVG using D3 v5, loading data from a CSV via `csv()`, scaling values with `scaleLinear` and `scaleBand`, and rendering axes via `axisBottom` and `axisLeft` in a straightforward bar-viz demonstration.

Mmomopng
67% match
Loading thumbnail…

Data Visualization and Infographics with D3 :: Module 3 Exercise

A horizontal bar chart displays the percentage of Portuguese companies with websites from 2003 to 2014, with bars labeled by year and the percentage value shown on each bar. The visualization uses D3.js version 3.5.5 to load CSV data via `d3.csv`, bind it to SVG `rect` and `text` elements, and scale bar widths proportionally to the data values. The SVG canvas and bar colors are styled through CSS, with hover effects on the rectangles. The data comes from the `websitesEuro18.csv` file, which contains annual percentages for multiple European countries, though only the Portugal column is visualized.

JJoaoGoncalves
66% match
Loading thumbnail…

dataset

This example displays a horizontal bar chart of the top 20 most traded stocks on the Brazilian B3 exchange, using data from a local CSV file. It loads D3 v5 from UNPKG and imports `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to parse the data, map quantities to bar widths, and render axes with a `.3s` tick format. The SVG renders steelblue rectangles, with labels and a title, while a separate ES6 module attempts to handle a button click but contains incomplete syntax.

RRomersims
65% match
Loading thumbnail…

Area Chart

This area chart displays the population of Brazil over time, covering data from 2010 with projections through 2044. The visualization uses an orange filled area to represent the total population against axes for year and population count. The code builds the chart with D3 v5, using `scaleTime` and `scaleLinear` for scales, the `area` generator for the shape, and `axisBottom` and `axisLeft` for the axes, which include customized tick formatting. The data comes from a CSV file with Brazilian demographic statistics.

Ccarlos157oliveira
65% match
Loading thumbnail…

b3estudo02

A horizontal bar chart displays the top trading volumes on the Brazilian B3 exchange, using a linear scale for the volume axis and a band scale for stock codes. The viz loads D3 via UNPKG, imports `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the D3 module, and renders SVG rectangles after parsing the CSV data. Axis labels and tick styling use custom CSS classes.

RRomersims
64% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart shows total committed Brazilian government expenses per year, aggregated from the CSV data by year using d3.nest and d3.rollup. The visualization uses a linear scale for the x-axis, a band scale for categorical year labels, and SVG rectangles. Axes are generated with d3.axisBottom and d3.axisLeft, with tick labels formatted using d3.format to abbreviate large numbers.

Rrodrimoni
64% match
Loading thumbnail…

Animated lines

This example visualizes the number of electric connections across Brazilian regions from 2014 to 2018, with each line representing a region in an animated line chart. The chart uses D3 v5 with SVG rendering and a React framework. Upon load, lines animate by drawing themselves using `stroke-dasharray` and `transition.attr` with linear easing, while hovering highlights individual lines in green. The chart includes axes with gridlines, a title, and region labels, with data loaded from a CSV file.

Ppaularl
64% match