CSV Plot Viewer

An interactive, dependency-free CSV signal viewer for Visual Studio Code.

Features

• Opens .csv files in a graphical custom editor.
• Detects time, t, timestamp, and similar X-axis columns.
• Falls back to the first monotonic numeric column.
• Lets you manually choose any numeric column as the X axis.
• Supports 1x1, 1x2, 2x1, 2x2, 2x3, 3x2, and 3x3 layouts.
• Assigns one or more signals to every plot.
• Gives each signal a stable automatic color.
• Draws and labels the horizontal zero axis whenever it is visible.
• Supports independent horizontal and vertical zoom and pan.
• Handles comma, tab, semicolon, and pipe-delimited data with quoted fields.

Run locally

1. Open the csv-plot-viewer directory in VS Code.
2. Run npm install.
3. Press F5 to start an Extension Development Host.
4. Right-click a CSV file and choose CSV Plot Viewer: Open Plot.

You can also run the command from the Command Palette or use Reopen Editor With... > CSV Plot Viewer.

Plot controls

• Mouse wheel: zoom the X axis around the cursor.
• Shift + mouse wheel: zoom the Y axis.
• Alt + mouse wheel: zoom both axes.
• Drag: pan horizontally and vertically.
• X+, X-, Y+, Y-: axis-specific zoom buttons.
• Reset button: restore the full data range.

Build and test

npm run compile
npm test