{"version":"1.0","type":"rich","title":"Basic Kinematic Graph and Tables","description":"This example visualizes the position of an object over time with a scatter plot of data points connected by either straight lines or arrowheads, toggled via a dropdown menu. Built with React and D3.js, the SVG graph uses `scaleLinear` for axes and `axisBottom`/`axisLeft` for ticks. The line style changes dynamically by redrawing paths, with arrows computed using trigonometry from the mathjs library. The visualization includes position and velocity data tables alongside the graph.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dffa6cbc1df443daa36147b862724800?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}