Dynamic Programming

100%

Dynamic Programming

✓ Published2🌍 Public

Last edited Jan 6, 2021

Created on Dec 21, 2020

The visualization displays the first 40 Fibonacci numbers as a vertical sequence of text labels, with each number rendered in an SVG text element. It compares classic recursive, memoized recursive, and iterative implementations of the Fibonacci function, logging results to the console. Using D3 v5, the code computes values via `simpleFib` and binds them to SVG text nodes with `svg.selectAll()`. The data comes from the United Nations World Population Prospects 2019, though the visualization itself focuses on algorithmic outputs rather than demographic data.

AI-generated description

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fibonacci Sequence

This visualization displays the first 29 numbers of the Fibonacci sequence as nested, unfilled squares on an SVG canvas. Each rectangle’s width and height correspond directly to its sequence value, creating a spiral-like layout. The code uses D3 v7’s `select`, `selectAll`, and data joins to bind the array to `rect` elements, with attributes set via callback functions. The SVG is sized 960 by 1000 pixels, and the numbers are hardcoded in the source array.

NNita

75% match

Loading thumbnail…

Spiral Graph

This interactive example generates a spiral graph comparing population and life expectancy trends for a user-selected country. After entering a country name, the code fetches World Bank CSV data from two GitHub gists using `d3.csv` and `Promise.all`. It renders two smoothed cardinal curves over time, with population in steel blue and life expectancy in orange, using distinct left and right y-axes. The visualization is built with D3 v7 and SVG, demonstrating data loading, merging, and custom chart construction.

Ssrikkanth05

65% match

Loading thumbnail…

Fork of 000

This visualization presents global population trends over time as a filled area chart, using a time-scaled x-axis and linear y-axis. The code imports D3 v5 modules like `area`, `scaleTime`, and `axisBottom` to generate smooth curves and labeled axes. Data is loaded via `csv` from a World Population by Year dataset, with population values displayed in billions. The SVG rendering includes grid lines, a title, and a semi-transparent grey fill beneath the line path.

Llinyyyyyyyyy

65% match

Loading thumbnail…

Fork of World Population Prospects 2019

A horizontal bar chart displays the top ten countries by projected population for 2020, sourced from the World Population Prospects 2019 dataset. The visualization uses React with D3 v5, employing `scaleBand` for the categorical country axis, `scaleLinear` for the numeric population axis, and rendering SVG rectangles with hover tooltips. Population values are formatted in billions using D3’s `format` function, while axis ticks and labels are generated via reusable components.

Aadewole-top

64% match

Loading thumbnail…

Fork of working Fork of Fork of Fork of Fork of Fork 999 of Stylized Bar Chart

This fork of a stylized bar chart displays the top 10 most populous countries. Built with React and D3 v5, the visualization uses `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with SVG rectangles for bars. The data comes from the United Nations World Population Prospects 2019. The code includes commented-out attempts at rotating axis labels and adjusting bar heights, reflecting an iterative development process. The y-axis uses a custom tick format converting G to B for billions.

Ssucotton9

64% match

Loading thumbnail…

D3 Example

This example visualizes the growth of world population from 1950 to 2015 with a single black line chart. It shows a steady upward trend over time, with the x-axis representing years and the y-axis showing population counts in billions. The visualization uses D3.js version 3.5.5, specifically `d3.svg.axis()`, `d3.time.scale()`, and `d3.svg.line()` to construct the chart. Data comes from the United Nations Population Estimates, loaded from a CSV file via `d3.csv`. The SVG rendering includes styled axes with custom tick formatting that converts "G" to "B" for billion, and the chart is drawn with a thick black stroke.

CCurran Kelleher

64% match

Loading thumbnail…

Fork of a

This visualization presents a hierarchical tree of branching numeric labels, with each node displaying its value in large, serif text that shrinks as depth increases. The layout uses the D3 tree layout to position nodes, renders horizontal curved links between parent-child relationships, and supports zooming and panning via the D3 zoom behavior. Data is loaded from a JSON file and visualized entirely as SVG elements, with node text drawn using the Playfair Display font.

RRakshithaRao27

64% match

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

64% match