Portugal banking

100%

Portugal banking

✓ Published0🌍 Public

Last edited Feb 25, 2016

Created on Feb 25, 2016

A vertical bar chart displays the population of Portuguese regions, with each region listed along the y-axis and a horizontal bar showing its number of people. The chart loads data from a CSV file and animates both the bars and their labels over two seconds. Using d3.v3, the code employs a linear scale for bar widths, an ordinal scale for region positions, and `transition.attr` for width changes, while `transition.tween` with `d3.interpolate` animates the text labels. The rendering uses SVG elements with a light blue fill for the bars.

AI-generated description

Verticale Bar Chart with text tween transition

forked from <a href='http://bl.ocks.org/bricedev/'>bricedev</a>'s block: <a href='http://bl.ocks.org/bricedev/a0c5ef180272fac3aea6'>Text tween</a>

forked from <a href='http://bl.ocks.org/MatteoTomassetti/'>MatteoTomassetti</a>'s block: <a href='http://bl.ocks.org/MatteoTomassetti/5e498878a37abb60b902'>Portugal banking</a>

forked from <a href='http://bl.ocks.org/MatteoTomassetti/'>MatteoTomassetti</a>'s block: <a href='http://bl.ocks.org/MatteoTomassetti/4e199eb9812a066e7f2d'>Portugal banking</a>

Similar vizzes

Loading thumbnail…

Portugal banking

A horizontal bar chart shows the population of Portuguese regions, sorted by region name, with blue bars animating from zero to their final lengths. The chart uses animated text tweens to count up to each region's population value during the transition. Built with D3.js v3, the visualization loads data from a CSV file and uses d3.transition with ease curves and d3.interpolate for the numeric text animation, while ordinal scales position the region labels.

GGeorgeMcIntire

97% match

Loading thumbnail…

Portugal banking

A horizontal bar chart displays the number of people across Portugal's banking regions, with labels such as Lisboa and Norte shown on the y-axis. Bars animate from zero to their final width over two seconds, while text labels count up from zero to the correct values using a text tween. The visualization uses D3 v3 with SVG, including `d3.scale.linear`, `d3.scale.ordinal`, and `transition.tween` for smooth updates. Data comes from a local CSV file read via `d3.csv`.

MMatteoTomassetti

94% match

Loading thumbnail…

Portugal banking

This example displays a horizontal bar chart comparing the accuracy scores of six machine learning algorithms, from Decision Tree (0.57) to Logistic Regression (0.98). The bars animate by growing from zero width, while their labels transition numerically from 0 to the final value. The chart uses d3.v3 with a linear scale for the x-axis and an ordinal scale for the y-axis, rendering as SVG. Text tweening is implemented via `d3.interpolate` within a `.tween` callback, with data loaded from a CSV file.

MMatteoTomassetti

80% match

Loading thumbnail…

Portugal, Housing Loan Customers, DashBoard

This dashboard visualizes housing loan customers in Portugal, linking a histogram of state frequencies to a pie chart and legend of loan outcomes (yes, no, unknown). Hovering over a histogram bar filters the pie chart and legend to that state, while the pie chart updates the histogram bars proportionally. Built with D3 v3 using SVG, it relies on ordinal and linear scales, `d3.svg.axis`, and transition methods to animate updates. Data is drawn from a Gist by MatteoTomassetti, forked from NPashaP’s block.

MMatteoTomassetti

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

76% match

Loading thumbnail…

Simple bar chart with custom axes

A simple bar chart displays the ten most populous countries using population data from a CSV file, with country names on the y-axis and population values on the x-axis. The chart uses custom axes that convert large numbers from the d3.format('.3s') format (such as G for billions) to B for billions, and removes the default axis domain lines. Built with d3.csv, scaleLinear, scaleBand, axisLeft, and axisBottom, the visualization renders red bars in an SVG element with a Roboto Mono font and a title in Portuguese.

RRodolfo Viana

72% match

Loading thumbnail…

Bars

This bar chart displays population counts for six countries, with horizontal bars sorted by the data’s order rather than by value. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisLeft`/`axisBottom` for ticks. Data loads from a CSV via `d3.csv`, with numeric population values parsed before rendering as SVG rectangles. The chart’s styling applies a steelblue fill to each bar.

Jjoanoliper

70% match

Loading thumbnail…

bar

A horizontal bar chart displays population figures for ten countries, sorted by value, with each bar’s length proportional to its population. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles and axes. Data is loaded from a CSV file and parsed with `csv`. After initial rendering, the chart animates by applying a `transition` with a staggered `delay` to reposition the bars, though the animation targets undefined scales and does not visibly alter the chart.

Aabcz1234

70% match