ProcessTable - Flowchart with Import/Export

ProcessTable

Create editable process flowcharts with import/export features. Save, load, and share your workflows with others.

Editable Process Flowchart

Step Title & Description Checklist Preview Progress Actions

Drag steps to rearrange order | Click on titles, descriptions, or types to edit

Process Overview

Overall Progress 0%
Steps Completed: 0/0 Checklists Completed: 0/0

Step Details & Checklist

No Step Selected

Select a step from the table to view and edit its checklist

Checklist for this Step

Select a step from the table to view its checklist

Embed ProcessTable On Your Site

Share your editable flowcharts on your website or intranet with these easy-to-use code snippets.

Standard Website Embed

Embed the full ProcessTable tool on your website or intranet:

<iframe src="https://smartdecisionshub.com/process-table" width="100%" height="800" frameborder="0" style="border-radius:10px; border: 1px solid #e2e8f0;" allowfullscreen></iframe>

Facebook Share

Share ProcessTable on Facebook with this direct link:

https://smartdecisionshub.com/process-table

Twitter Share

Tweet about ProcessTable with this pre-filled message:

Check out ProcessTable - a free tool to create editable flowcharts with import/export features! Perfect for project management. https://smartdecisionshub.com/process-table #productivity #workflow

LinkedIn Share

Share ProcessTable on LinkedIn with this description:

ProcessTable: An editable workflow tool with import/export features, drag-and-drop rearrangement, and in-place editing. Great for team collaboration. https://smartdecisionshub.com/process-table
How does the tabular flowchart format work?
The tabular format organizes your process steps in a table, making it easy to see all steps at a glance. Each row represents a step in your workflow, with columns showing the step number, title, checklist preview, progress, and actions. This format is particularly useful for linear processes where steps are completed sequentially.
Tabular flowcharts provide several advantages: they’re easier to read on mobile devices, allow for quick scanning of step status, display more information in a compact format, and make it simple to reorder steps by dragging rows. This format is ideal for documentation, training materials, and status reporting.
Each step has its own checklist, and progress is tracked at three levels: individual checklist item completion, step completion (when all checklist items are done), and overall process completion. Progress bars visually show completion status, and rows are color-coded based on their status (not started, in progress, completed).
Yes! You can drag and drop rows to reorder steps in your process. The step numbers will automatically update to reflect the new order. This is useful when refining your workflow or adapting processes to new requirements.
All your process data is saved locally in your browser’s localStorage, meaning it never leaves your computer. This provides excellent privacy and security. You can also export your processes as JSON files to back them up or share with colleagues.
Simply click on any step’s title, description, or type in the table to edit it directly. The changes are saved automatically. You can also use the edit button in the actions column for more options.

Reset Process: Restores the default steps and checklists. This is useful when you want to start fresh but keep the example workflow structure.

Clear All: Removes all steps completely, leaving you with an empty table. Use this when you want to create a completely custom workflow from scratch.

Each process step has its own dedicated checklist. You can:

  • Add new checklist items using the “Add” button in the step details panel
  • Mark items as complete by checking the checkbox
  • Edit checklist items by clicking on the text
  • Delete items using the trash icon
  • Clear all checklist items for a step using the “Clear Step” button

Step completion status is automatically calculated based on checklist completion.

Yes! ProcessTable works completely offline once loaded. All data is stored locally in your browser’s localStorage. You don’t need an internet connection to use the app after the initial page load. This makes it ideal for:

  • Working on airplanes or in areas with poor connectivity
  • Maintaining data privacy (no data is sent to servers)
  • Reducing bandwidth usage

Just make sure to export important workflows as JSON files for backup.

If you clear your browser’s cache or localStorage data, your ProcessTable workflows will be deleted. To prevent data loss:

  1. Regularly export your important workflows using the Import/Export feature
  2. Download JSON files as backups
  3. Use the “Save” button frequently to ensure localStorage is updated

The app will automatically load your last saved state when you reopen it, as long as browser data isn’t cleared.

There are several ways to navigate between steps:

  • Click directly on any step row in the table
  • Use the Previous Step and Next Step buttons in the step details panel
  • Keyboard shortcuts (when implemented) – you can use arrow keys to navigate

The currently selected step is highlighted with a blue border and different background color in the table.

ProcessTable is versatile enough for many types of workflows:

  • Project Management: Software development cycles, marketing campaigns
  • Business Processes: Customer onboarding, employee training
  • Manufacturing: Production workflows, quality control checks
  • Education: Lesson plans, course development
  • Personal: Event planning, home renovation projects

Each step can be customized with its own checklist to match your specific requirements.

Click the “Import/Export” button, then go to the “Export Process” tab. You can either copy the JSON data to your clipboard or download it as a JSON file. This file contains all your steps, checklists, and progress data.

Click the “Import/Export” button, go to the “Import Process” tab, and either paste your JSON data into the text area or upload a JSON file. Then click “Import Data” to load the process. Note that this will replace your current process.
             
Yes! Export your process as a JSON file and share it with colleagues. They can import it into their own instance of ProcessTable. This is great for team collaboration, sharing templates, or distributing standard workflows.
The export includes all step details (titles, descriptions, types), all checklist items with their completion status, step progress, and overall process progress. It’s a complete snapshot of your workflow.
Yes, you can edit the JSON file in any text editor if you’re familiar with JSON format. This allows for bulk edits or creating templates. Just make sure to maintain the correct JSON structure when making changes.
Share
Copy Link
×