Data visualization with WebGPU is not just about generating charts (bar and line charts) - it's about understanding the WebGPU API and WGSL to create custom visualizations that are unique and specific.
As you'll learn in this text - data visualizations encompass a wide range of techniques and go way beyond 2d bar charts or scatter plots - but also a wide range of interactive visualizations including animated, volumetric and simulation-based visuals.
• Web-based features (loading data online/accessable anywhere)
• Mix with standard HTML elements (buttons/menus/text/..)
• Take advantage of the WGSL compute (data processing)
• Develop bespoke visualizations using WebGPU/WGSL
• ..
Basic Charts/Graphics
• Line 2D
https://webgpulab.xbdev.net/index.php?page=editor&id=lineplot2d&
• Line 2D (Streaming/Live Data)
https://webgpulab.xbdev.net/index.php?page=editor&id=lineplot2dstreaming&
• Scatter Plot 3D (Color for Z)
https://webgpulab.xbdev.net/index.php?page=editor&id=scatterplot3ddatain2d&
• Scatter Plot 3D with Perspective (Rotating) - (point-list)
https://webgpulab.xbdev.net/index.php?page=editor&id=plot3dwithperspective&
• Scatter Plot 3D (Billboard/Shapes Poins)
https://webgpulab.xbdev.net/index.php?page=editor&id=plot3dwithperspectivebillboardsize&
• Basic 2D Bar Chart
https://webgpulab.xbdev.net/index.php?page=editor&id=basic2dbarchartplot&
• 2D Bar Chart (Axis Lines)
https://webgpulab.xbdev.net/index.php?page=editor&id=basic2dbarchartplotaxis&
• 2D Bar Chart (Color Gradient)
https://webgpulab.xbdev.net/index.php?page=editor&id=basic2dbarchartcolorgrads&
• Pie 2D Chart (Basic)
https://webgpulab.xbdev.net/index.php?page=editor&id=basic2dpiechart&
• Pie 2D Chart (Labels)
https://webgpulab.xbdev.net/index.php?page=editor&id=basic2dpiechartlabels&