Portugal banking

100%

Portugal banking

✓ Published0🌍 Public

Last edited Feb 25, 2016

Created on Feb 25, 2016

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.

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>

forked from <a href='http://bl.ocks.org/RuiChang123/'>RuiChang123</a>'s block: <a href='http://bl.ocks.org/RuiChang123/f4035e412a7822abf074'>Portugal banking</a>

Similar vizzes

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

82% match

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

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

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

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

69% match

Loading thumbnail…

Major Project

This interactive bar chart compares machine learning algorithms across multiple performance metrics, including accuracy, time, precision, and recall. Users can switch the y-axis attribute via a dropdown menu, and hovering over a bar displays a tooltip with all metric values for that algorithm. The visualization uses React for the UI, D3 v7’s `scaleBand` and `scaleLinear` for axes, SVG rects for bars, and a custom HTML tooltip. Data is loaded from a JSON file via `d3.json`, with animated bar height transitions via `animate`.

SSiddharthMittal07

66% match

Loading thumbnail…

Simple Vertical Bar Chart

This example presents a simple vertical bar chart that displays six financial metrics, such as total deposits and credit ratios, as orange bars with hover effects that darken the bars. The data is loaded from a tab-separated values file (data.tsv) containing label–value pairs. The visualization uses D3.js v3 with an ordinal x-scale and a linear y-scale formatted as percentages, alongside the d3-tip library to show tooltips with each bar’s exact value on mouseover. Axes are rendered via d3.svg.axis.

MMohamedZaki

66% match

Loading thumbnail…

Fork of Major Project

This interactive bar chart compares multiple machine learning algorithms across four performance metrics: accuracy, time, precision, and recall. The visualization loads JSON data from a GitHub gist and uses React with D3 v7 to render an SVG chart. Users can select which metric to display on the y-axis, and hovering over a bar triggers a tooltip showing all four metric values for that algorithm. The bars are animated using SMIL `<animate>` elements, and colors are randomly assigned from a predefined palette.

SSheela2930

65% match