User Guide & Quick Reference

Pinkgraph combines an interactive spreadsheet grid with real-time chart rendering. Data entered on the left instantly updates the visual graph on the right.

Figure 1: Pinkgraph interactive dual-pane workspace with real-time spreadsheet and graph visualization.

• Privacy First: All your graph data is stored locally in your browser's LocalStorage. No server databases or tracking.
• Multi-Graph Workspace: Create, rename, duplicate, and manage multiple graph sheets using the left sidebar.
• Responsive Workspace: Switch between Dark Mode and Light Mode anytime using the sidebar theme toggle.

You can edit cells manually or import existing spreadsheet files directly into Pinkgraph:

Figure 2: Spreadsheet matrix editor with 2-tier toolbar for row/col management and CSV import.

• Column 1 (X-Axis): The first column defines the category names (e.g., Months, Products, Categories).
• Columns 2 to N (Series Data): Columns 2 onwards represent numeric data series (e.g., Sales, Profit, Expenses).
• CSV Import: Click Import CSV in the top grid toolbar to upload a .csv file. Pinkgraph automatically parses headers and numeric values.

Manage spreadsheet structure easily with dedicated control groups in the grid toolbar:

Figure 3: Reorder Table Columns modal for shifting X-axis and series order.

• ROWS Group: Click + to add a new row or - to remove the last row.
• COLS Group: Click + to add a data column or - to remove the last column.
• Reorder Cols: Click Reorder Cols to open the column shifting modal. Move any column left or right to change X-axis categories or series order.

Pinkgraph supports 5 interactive chart types with instant toggle controls:

Figure 4: Real-time interactive chart viewer with Bar, Line, Area, Pie, and Radar type selectors.

• Bar Chart: Great for categorical comparisons. Supports Grouped and Stacked views.
• Line Chart: Smooth curves ideal for continuous time series trends.
• Area Chart: Shaded area charts for cumulative metric tracking.
• Pie / Donut Chart: Proportion breakdowns relative to total.
• Radar Chart: Multi-axis star charts for multi-metric comparison.
• Display Options: Toggle Show Graph Title and Stacked View under the Options panel.

Export publication-ready graphics and raw data from the top header Export menu:

Figure 5: Header Export menu offering 4K HD PNG, HD JPEG, SVG, and CSV formats.

• Save as PNG (HD): 4K ultra-high-resolution PNG image with 4x pixel density.
• Save as JPEG (HD): Crisp 95% quality HD JPEG image for presentations and web sharing.
• Save as SVG: Scalable vector graphics file for graphic design and Illustrator.
• Export CSV: Download the raw grid matrix as a standard CSV file.