Maria Zgoba

@MeryFunny·2 public vizzes

Scatter Plot to Linear Chart

This visualization combines a scatter plot and a smooth line chart to show the top 10 most populous countries, with population values loaded from a CSV file. It uses d3.scaleLinear and d3.scalePoint for axes, d3.line with curveMonotoneX for the connecting path, and SVG circles with hover opacity changes. The data comes from a local file noting country populations, and the x-axis labels are formatted using d3.format to abbreviate large numbers.

Nov 8, 2019

Loading thumbnail…

Cars Bar Chart to Scatter Plot

This example visualizes the relationship between horsepower and weight for a dataset of cars, displaying bars for each vehicle where the height corresponds to weight. The chart uses D3 v5 to load the auto-mpg CSV data and renders an SVG with a bar chart, using `scaleBand` for the categorical horsepower axis and `scaleLinear` for the weight axis. The code includes commented-out sections for alternative scatter plot configurations and axis labels, showing how the visualization can be adapted.

Nov 8, 2019