DataFramework
Import, clean, merge, visualize, and export — all in one place.
Drop a file to get started
CSV · TSV · Excel · JSON · .dfp — supports multiple datasets
Recording macro
0 steps
No data loaded
Column Stats ×
📊
📊
Chart Builder
Chart Type
Data
Y Series
Style
Default
Warm
Cool
Earth
Neon
Pastel
Mono
Axes
Advanced
Quick Templates
Export
Live preview
No charts yet
Build a chart and click ＋ Add to Dashboard
Left Dataset
Dataset
Join Key Column
Include Columns
⟷
Only rows matching in both
Right Dataset
Dataset
Join Key Column
Include Columns
Output
Configure above and click Execute Merge.
Filters:
Configure above and click Build
⚙ Settings
Customize DataFramework.io — themes, fonts, colors, and layout.
🎨 Themes
💡 Accent Color
Primary Accent
Active tabs, highlights, buttons, links
Custom:
✍ Typography
UI Font
Buttons, labels, menus, navigation
Mono Font
Data cells, formula bar, code areas
UI Font Size
Labels, buttons, navigation
px
Table Font Size
Text inside data table cells
px
📐 Layout
Panel Width
Width of the slide-out nav/dataset panel
px
Table Row Height
Height of each row in the data table
🖌 Color Overrides
🗃 Data Table
Zebra Striping
Alternate row background for readability
Freeze First Column
Keep first column visible when scrolling
Show Row Numbers
Display row index column
Number Format
How numeric values are displayed in cells
Rows per page
Max rows shown in table view (0 = all)
📊 Chart Defaults
Default Chart Type
Type pre-selected when opening Chart Builder
Default Aggregation
Pre-selected aggregation method
Animation Duration
Chart render animation speed (ms)
Default Color Palette
Color scheme for new chart series
🔄 Pivot Defaults
Default Aggregation
Show Totals by default
🖥 Dashboard Preferences
Grid Columns
Number of columns in dashboard grid (1–4, or auto)
Card Height
Default chart card height in pixels
Show chart subtitles
Display chart type and X column under card title
Card gap
Space between dashboard cards (px)
px
💾 Auto-Save & Performance
Auto-save settings
Automatically persist theme, fonts, and preferences to browser storage
Table render limit
Max rows rendered at once (higher = slower on large data)
Confirm on delete
Show confirmation dialog before deleting datasets or rows
📥 Import Defaults
Auto-detect column types
Automatically classify columns as number, string, or date on import
CSV delimiter
Default field separator for CSV files
Navigate to Data view on import
Automatically switch to Data view after importing a file
🔢 Number Display
Decimal separator
Character used as decimal point in displayed numbers
Thousands separator
Character used to group thousands in large numbers
Null display text
Text shown in empty/null cells
♿ Accessibility & UX
Reduce animations
Disable chart and UI transitions for reduced motion
High contrast borders
Use stronger borders between table cells
Toast duration
How long notification toasts stay visible
⌨ Keyboard Shortcuts
💡All Ctrl shortcuts work with ⌘ Cmd on Mac. Custom shortcuts are saved with your configuration.
👁 Live Preview
12345.67
| # | Product | Revenue | Category | Status |
|---|---|---|---|---|
| 1 | Alpha Pro | $12,450 | Electronics | Active |
| 2 | Beta Suite | $8,200 | Software | Pending |
| 3 | Gamma Plus | $15,900 | Services | Inactive |
🧩 Installed Modules
💾 System Configuration
Your settings (theme, colors, fonts, table prefs) are automatically saved in this browser.
Export a .dfconfig file to back up your configuration and restore it in any browser.
Browser Storage Status
○ Checking…
📲 App Mode