Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Basic Kinematic Graph and Tables

Public visualization

Basic Kinematic Graph and Tables

0 stars0🌍 Public
CCasualWanderer20XX
Last edited Dec 6, 2025
Created on Dec 6, 2025
Forked from React & D3 Starter

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.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed