Skip to main content
SimilarExport ZIP
100%

Efficient Frontier - fork of VizHub User Count Over Time

✓ Published0🌍 Public
DDasbach.EJ
Last edited May 2, 2021
Created on May 1, 2021

This visualization displays an efficient frontier plot, mapping cost against QALYs (quality-adjusted life years) for a set of data points, with each point connected by a line and rendered as a circle. The chart uses D3.js v4 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.line` for the path, and `d3.axisBottom`/`d3.axisLeft` for gridlines and ticks. Data is loaded from the `costQalys.csv` file, and `d3.svg.annotation` adds label annotations to highlight specific points. The visualization updates responsively on window resize, though no annotation data is currently provided in the sandbox script.

AI-generated description

The number of VizHub users over time, since it was launched on August 14, 2018.

MIT Licensed

Similar vizzes

Loading thumbnail…

Efficient Frontier test

This visualization shows the trade-off between costs and health outcomes in an "Efficient Frontier" scatter plot, with time on the x-axis and QALYs on the y-axis. The chart uses React with D3 v5 scales and axes, rendering an SVG path via d3.line with curveNatural to connect the data points. Data comes from the Data Canvas Sense Your City dataset, specifically weekly temperature readings from San Francisco.

DDasbach.EJ
82% match
Loading thumbnail…

Fork of VizHub User Count Over Time

A line chart tracks VizHub's cumulative user count from its August 2018 launch through March 2021. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` for the axes and `d3.line` to draw the path. Data points are marked with circles, and each includes a tooltip via SVG `title` elements. The chart also incorporates the `d3-svg-annotation` library, though no annotations are configured in the visible code, and the data comes from `users.csv`.

MMarcelo
69% match
Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes health expenditure data over time, with each circle representing a year’s expenditure value. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub Gist, then maps it through `scaleLinear` scales for the x and y axes. Axes are rendered with `axisBottom` and `axisLeft`, while circles are drawn using SVG elements. The code explicitly parses the `year` and `Expenditure` columns as numbers, and the chart fills the entire browser window with margins applied to the plot area.

KKhatera Alizada
68% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This fork of a VizHub dashboard shows the cumulative growth of unique users over time, from the platform’s launch in August 2018 through March 2022. A single black line traces the upward trend, with small circles marking each data point. D3 v4’s `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and axis components render the SVG chart, while the `d3-svg-annotation` library adds labeled callouts for notable events like the VizHub 2.0 Kickstarter and the Datavis 2020 launch. Data comes from local CSV file `users.csv`.

RRohith arabati
68% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This line chart shows the growth of VizHub users over time, with a steady upward trend punctuated by a notably steeper rise around the late 2020 period. The visualization uses d3.v4 with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, and d3.line to draw the path. Data points are marked with circles, and an annotation from d3-svg-annotation highlights a surge labeled "Datavis 2020 Launch." The x-axis represents time while the y-axis counts users, with gridlines and axis labels styled via CSS.

DDasbach.EJ
68% match
Loading thumbnail…

Fork of Multiple Line plot with Dropdown Health Cost by Age

This visualization displays official estimates of total health care spending in the United States, broken down by age group and gender. A dropdown menu allows the viewer to select different expenditure categories, such as out-of-pocket costs for hospital care or private health insurance for dental services. The data is sourced from CMS National Health Expenditure data, with each category rendered as a smooth line chart using d3.line and d3.curveBasis. The visualization uses d3.scaleTime and d3.scaleLinear for axes, and d3.scaleOrdinal to color-code lines for total, males, and females. SVG paths are animated with a transition duration of 1.5 seconds.

KKhatera Alizada
68% match
Loading thumbnail…

Fork of Team Efficiency Scatter Plot

This fork of a team efficiency scatter plot uses D3 v5 to visualize the relationship between actual and optimal performance metrics for different team positions. The SVG visualization displays circular data points positioned by their x and y coordinates, with varying radii and colors representing different team members. The chart includes axis labels and tick marks styled with CSS, though the code reveals it is currently using placeholder data and D3's older linear scale API rather than the actual CSV data provided.

HHirsh Gupta
68% match
Loading thumbnail…

fork country

This interactive scatterplot explores global health indicators across countries, plotting health expenditure against life expectancy with each point colored by continent. Users select which attribute appears on each axis via dropdown menus, and hovering over the color legend highlights points from that continent while fading others. Built with React and D3 v5, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for color encoding, and renders all marks as SVG circles with opacity transitions. Data is loaded as CSV from a GitHub gist.

Rrushithareddyy
67% match