CSV Graph Preview

A VS Code extension that provides a quick visual preview of CSV column data on hover. Instantly understand your dataset without running a script.

Features

• Instant Visualization: Hover over any value in a CSV file to see a graph of that column's data.
• Smart Type Detection: Automatically detects if a column is Numerical or Categorical.
  • Numeric Columns: Displays a Histogram (distribution) or Line Chart (trend).
  • Categorical Columns: Displays a Frequency Bar Chart (counts of unique values).
• Performance Optimized: Handles large datasets gracefully with smart downsampling for line charts.
• Customizable: Adjust graph types and histogram bins to suit your needs.
• Statistics: View key stats like Min, Max, Count, or Unique Values directly in the tooltip.

Configuration

This extension provides the following settings:

• csvPreview.graphType: Select the type of graph to display for numeric columns.
  • histogram (default): Shows a frequency distribution bar chart.
  • line: Shows a simple line chart of the values.
• csvPreview.histogramBins: Number of bins to use for the numeric histogram (default: 10).

Usage

1. Open a .csv file in VS Code.
2. Hover your mouse cursor over any value in a column.
3. A tooltip will appear:
   • Numbers: Shows a blue histogram or line chart.
   • Text: Shows a gold frequency bar chart.

Release Notes

0.1.0

• New Feature: Added support for Categorical Data (Frequency Bar Charts).
• New Feature: Added Line Chart downsampling for better performance on large files.
• Improvement: Enhanced smart type detection for columns.
• Visuals: Updated extension icon.

0.0.1

• Initial release with Histogram and Line Chart support.