Portugal banking

100%

Portugal banking

✓ Published0🌍 Public

Last edited Feb 24, 2016

Created on Feb 24, 2016

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`.

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>

Similar vizzes

Loading thumbnail…

Portugal banking

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.

GGeorgeMcIntire

94% match

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

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

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

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

75% match

Loading thumbnail…

Untitled

This interactive bar chart displays GDP per capita for Spain and Morocco. It uses D3.js v4 with an SVG rendering and React integration, featuring hover effects that highlight bars and display country and value labels, plus a checkbox that sorts the data in descending order. The chart animates bar transitions using D3 transitions with easing and includes axis labels formatted with dollar signs.

UUtsav Vachhani

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

69% match

Loading thumbnail…

Exercise Module 3

A horizontal bar chart displays the 2014 unemployment rate for each Spanish region, sorted from highest to lowest with grey bars sized proportionally to the rate. The visualization highlights that southern regions have higher unemployment while northern ones are lower, with hover tooltips revealing exact percentages. The code uses d3.csv to load region data and d3.selectAll with data joins to append SVG rect elements, scaling bar widths by multiplying the rate by eight.

GGloriaYL

69% match