Skip to main content
SimilarExport ZIP
100%

Ejercicio 6 - v2

✓ Published0🌍 Public
MMiguelho
Last edited Jul 22, 2018
Created on Jul 14, 2018

This visualization displays the relationship between fertility rate and life expectancy across countries for the year 1983. Each circle represents a country, with its position determined by these two variables and its size scaled to population. The chart uses color to differentiate world regions, and includes a legend and labeled axes with gridlines. Built with D3 v5, it loads data from a CSV file, employs scales such as `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, and renders the result as SVG circles.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/DondeDijeDigo/'>DondeDijeDigo</a>'s block: <a href='http://bl.ocks.org/DondeDijeDigo/b1a62d0c4c5afc4046c1188d07f1f745'>Ejercicio 6</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This example visualizes global health and economic trends using a Gapminder-style scatterplot. Each circle represents a country, positioned by life expectancy (x-axis) and fertility rate (y-axis), with circle size encoding population and color representing geographic region. The visualization animates through years 1964 to 2013, showing how countries move across the chart as their metrics evolve. The data, loaded from a CSV, includes fields for country, year, fertility, life expectancy, population, child mortality, and GDP. Using D3 v5 and SVG rendering, the chart emphasizes the relationship between health outcomes and economic development over time, with a transition effect revealing changing distributions across decades. The visualization is minimal and functional, with axes labeling life expectancy and fertility, and a legend for regions.

JJuanma-GP
79% match
Loading thumbnail…

Activity6_Question4

This interactive D3.js bubble chart visualizes fertility rate against life expectancy for ten countries, with bubble size representing population and color distinguishing geographic regions. The visualization uses an SVG-based rendering with d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolated turbo colors for regional categorization. Hovering over any circle triggers a tooltip displaying the region name, implemented through mouse event handlers. The chart includes a size legend and a color-coded category legend. Data is loaded from a CSV file, and the visualization demonstrates animated transitions for tooltip opacity changes.

Ddandudivya98@gmail.com
78% match
Loading thumbnail…

Clase 02 - Parte 2 - D3 Fernando Becerra

This interactive bubble chart visualizes the relationship between GDP per capita, life expectancy, and population across countries, using a logarithmic x-scale and linear y-scale. The D3 v7 code renders SVG circles sized by population and colored by continent, with hover interactions that dim non-target circles and display a tooltip showing country details. The example demonstrates the enter-update-exit data join pattern, along with d3.scaleLog, d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft, loading data from a Rosling dataset via d3.json.

Mmaxthamt
78% match
Loading thumbnail…

Module6

This visualization uses birth-rate data from 2000–2013 for 39 countries to show how national rates change over time. A time slider scrubs through the years, with each country represented by a small circle positioned along a vertical axis. The current year is highlighted in a large display, and country labels fade or emphasize as the user drags the slider. The chart is rendered using D3 v3 with SVG, presenting a clean, static-scale line-and-dot layout that lets viewers compare relative birth rates across countries and track temporal trends.

CClevejones
76% match
Loading thumbnail…

fresh block

This scatterplot visualizes Gapminder data from 1970, plotting fertility against life expectancy for various countries. Each circle’s size encodes population, while its color distinguishes geographic regions. The visualization uses d3.csv to load the data, d3.scaleLinear for the axes, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with schemeCategory10 for region colors. SVG elements are drawn via d3 selections, with axes generated using d3.axisBottom and d3.axisLeft, and a legend included.

AAitorCCE
76% match
Loading thumbnail…

Activity6_q4

A bubble chart visualizes fertility, life expectancy, and population size for countries, using circle position for the first two variables and radius for population. The chart includes a color-coded legend by country and interactive tooltips that display the country name on hover. Built with D3 v7, it loads CSV data, renders SVG circles, and uses D3 scales for axes, bubble size, and ordinal color mapping with the interpolateTurbo color scheme.

Cchinnivikramnunna@gmail.com
76% match
Loading thumbnail…

Activity_6_Q9

This bubble chart visualizes the relationship between population, GDP, and life expectancy for 15 countries, with each country represented by a colored circle. The x-axis shows GDP in USD, the y-axis shows population, and bubble size encodes life expectancy. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and includes interactive tooltips on mouseover. SVG circles are rendered with animation-ready styling, and a legend illustrates life expectancy values.

Ppradeepgubbala2001@gmail.com
75% match
Loading thumbnail…

Activity6_Q3

This scatter plot shows the relationship between GDP per capita (in billions) and life expectancy for countries in 2015, sourced from a GitHub-hosted GDP dataset. It uses d3.csv to load the data, scales the GDP axis logarithmically via d3.scaleLog, and colors points using d3.scaleOrdinal with d3.schemeCategory10. SVG circles are rendered with D3's data join, and hover interactions display a tooltip showing country name, GDP, and life expectancy. The axes are labeled using d3.axisBottom and d3.axisLeft.

VVidya Lakshmi Chitturi
75% match