Chart From Table

WHAT IT DOES

Chart From Table is a browser extension that transforms HTML tables into interactive visual charts. It detects tables on any webpage and lets you select a table, choose which column contains labels and which contains numeric values, then generates bar, line, or pie charts directly in your browser using canvas rendering. The charts are fully rendered on the page and can be copied as images or exported as CSV data for further analysis. This tool is perfect for data analysts, researchers, students, and business professionals who need to quickly visualize tabular data without switching to external applications or copying data manually.

WHERE IT RUNS

Chart From Table works on any website that displays data in HTML tables. It runs locally in your browser as a lightweight userscript, detecting table structures across the web. It works on financial dashboards, scientific research portals, e-commerce product listings with pricing and metrics, sports statistics pages, survey results, inventory systems, internal business tools, and any other page where data is organized in tables. The tool handles static tables, dynamically updated tables, and tables inside iframes where permitted. All chart rendering and data processing occur entirely within your browser—no information is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. The panel automatically scans the current page and lists every table found. Use the dropdown menu to select a table, then choose a column for the X-axis (labels) and a numeric column for the Y-axis (values). The tool automatically detects which columns contain numeric data and highlights them for easy selection. Choose your preferred chart type from bar, line, or pie, and select a color scheme from default, pastel, dark, or monochrome. Click the Generate button to render the chart instantly on canvas. The chart displays value labels and data points for easy reading. You can then click the Copy Image button to copy the chart as an image to your clipboard, or click Export CSV to copy the underlying data in CSV format for use in spreadsheets or other tools.

REAL MECHANISM — WHY THIS WORKS

Most chart generation tools rely on copying table data as text and parsing it with regular expressions, which fails when tables contain merged cells, inconsistent formatting, or mixed data types. Chart From Table uses a multi-pass DOM traversal engine that maps each table cell to its logical row and column position by resolving rowspan and colspan attributes into a normalized grid. Once the grid is built, the tool performs a type inference pass that examines cell content through several stages: first, it extracts raw text while preserving whitespace; second, it applies locale-aware number parsing that handles comma and dot decimal separators, thousand separators, and negative signs; third, it validates candidate numbers against a set of pattern filters that distinguish true numeric values from phone numbers, postal codes, dates, and product identifiers. The tool then calculates the percentage of numeric values in each column and flags columns with sufficient numeric density as chartable. For chart rendering, the tool uses a double-buffered canvas approach with device pixel ratio scaling to ensure sharp, high-quality charts on retina displays. The rendering pipeline dynamically calculates axis ranges, adjusts padding, and scales values to fit the canvas, automatically handling edge cases such as single data points or zero ranges.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view charts and data selections. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current selections and chart settings. All preferences—selected table, X and Y columns, chart type, and color scheme—are saved per domain, so you can pick up right where you left off.

PLEASE NOTE

Chart From Table requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for table detection and DOM access permissions. Because websites frequently update their structure, table detection and chart rendering may require periodic script updates to maintain compatibility. If a table is not detected correctly or a chart does not render as expected, please check for updates or report the issue. All data processing occurs entirely in your browser. No table data, chart images, or analysis results are ever sent to any server. The extension does not read, store, or transmit any personal information. It only reads the DOM of the pages you choose to interact with and writes chart images or CSV data to your clipboard at your explicit request.