Skip to main content
SimilarExport ZIP
100%

Bio survival chart

✓ Published0🌍 Public
11Cr18Ni9
Last edited Sep 4, 2017
Created on Aug 31, 2017

This chart visualizes survival rates over time for multiple groups, with each colored line representing a different dataset and cross markers indicating censored data points. The SVG rendering is based on a custom `d3.svg.survivalLineChart` function built with D3 v3, using scales, axes, and line generators to plot the data. Animated transitions and an interactive legend enhance the display, while the axes are labeled for survival rate and months. The source data structure and rendering code are visible within the HTML file.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Cancer Survival Rates

This visualization uses overlapping semi-transparent areas to compare cancer survival rates for females and males from 1977 to 2013. The chart highlights the trend in survival percentages over time for each sex, with pink representing females and light blue representing males. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `csv` to load and parse data, then renders the areas and axes via SVG. A legend and labeled axes clarify the visualization, which sources data from the five-year cancer survival rates by sex and race.

AAsrar Al Qassem
71% match
Loading thumbnail…

A5_BubbleChart

This visualization shows life expectancy across various countries using a bar chart with a sequential color scale. The chart maps average life expectancy values to a light-to-dark green gradient, with color intensity and bar height both encoding the data. Built with D3 v7 and rendered as SVG, it uses d3.scaleSequential with d3.interpolateRgb for coloring, d3.scaleBand for the x-axis, and d3.legendColor from the d3-legend library for the legend. The data comes from a CSV file hosted on GitHub containing country-level expectancy metrics.

DDuc Pham
70% match
Loading thumbnail…

A6 Diverging Color Scale Bar Chart

This example visualizes life expectancy in 1960 for a selection of countries using a diverging color scale bar chart. The bars are colored on a green-to-red gradient via a sequential scale with an RdYlGn interpolator, where higher life expectancies appear greener and lower ones redder. The chart uses D3 v7 to load data from a CSV file, create SVG bars with band and linear scales, and render axes with tick labels. A custom legend and axis titles are added using D3’s selection and axis methods, while the underlying data is sourced from a shortened TidyTuesday dataset.

AAllen Jake Polintan
69% match
Loading thumbnail…

7q3

This example visualizes life expectancy across countries as a line chart, with each country plotted along the horizontal axis and life expectancy on the vertical axis, which is fixed between 60 and 90 years. The chart is rendered as an SVG using D3 v7, fetching CSV data from a GitHub gist. The code uses `d3.csvParse` to load the data, `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.line` to draw the path. Axis labels are rotated for readability, and the line is styled in steelblue.

Kktvgs25@gmail.com
69% match
Loading thumbnail…

Binding Data

A horizontal bar chart displays the maximum longevity of species from the AnAge database, with each species represented by a bar. The visualization uses D3.js version 3, binding CSV data to SVG rectangles. Bars are sorted in descending order of longevity, with a tooltip showing the species name and longevity value on hover. The code utilizes d3.csv, d3.scale.linear, d3.scale.ordinal, and d3.svg.axis for rendering.

AAudree
69% match
Loading thumbnail…

Scatter Plot with Color Menu for Life Expectancy Data

This interactive scatter plot explores correlations in life expectancy data from a CSV file hosted on GitHub. Users select different attributes for the X and Y axes, as well as a color category, through three dropdown menus. The visualization uses D3 v5 with SVG rendering and animation, employing `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, `axisBottom` and `axisLeft` for ticks, and `.transition()` to animate point movement. A custom color legend displays category labels alongside the plot.

Aaishwarya8615
68% match
Loading thumbnail…

Multi Line Chart

This multi-line chart displays time-series data of deaths across multiple categories. The visualization uses D3.js v6 to render SVG paths, with each line representing a data series loaded from a remote CSV file. The chart includes axes with date and measurement scales, and each line is paired with a ghost-line overlay that responds to mouseover and mouseout events. These interactions trigger animated transitions that highlight the selected line and its label by changing stroke color, opacity, and width, while the y-axis is labeled "Deaths (in thousands)".

Ccwcu
68% match
Loading thumbnail…

Fork of Fork of Line_Stroke_Death

This line chart displays average life expectancy by year, using a single orange stroked path to trace the trend over time. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for smoothing. The SVG renders within a fixed 960x500 viewport, with data parsed from a CSV hosted on a GitHub gist. The chart includes labeled axes for “Year” and “Averag_Life_Expectancy,” with gridlines drawn via tick sizes, and a title placed above the plot area.

GGogineni44
68% match