| Criterion | draw.io (diagrams.net) | Mermaid | Miro | Lucidchart |
|---|---|---|---|---|
| How a diagram is made | Visual editor | Text definitions rendered as diagrams | Visual boards, with prompt-based generation | Visual editor, with prompt-based generation and text-to-diagram for UML |
| Where files are kept | Local device through the desktop app, Google Drive, OneDrive and SharePoint, GitHub, Notion | In the text file or document that holds the definition | Shared workspace boards | Diagrams can be linked to data from Google Sheets, Excel or CSV |
| Account needed to start | The vendor states no account creation is required | Mermaid Live Editor online, or embedded in documents | Shared workspaces; boards can be shared publicly without sign-in | Not specified on the page reviewed |
| Collaboration | Real-time collaboration with shared cursors | Through whatever platform hosts the text | Real-time, comments, guest and visitor access, board-level permissions | Real-time collaboration |
| Export | SVG, PNG and PDF, with editable versions | SVG output from the renderer | High-resolution JPG or PDF | Not specified on the page reviewed |
| Integrations | Embeds in documentation and applications | GitHub, Markdown environments, npm and CDN use | More than 250 tools stated, including Jira, Slack, Zoom and Google Drive | More than 100 applications stated, including Jira, Confluence, Microsoft Teams and Google Workspace |
| Licence and cost basis | Apache 2.0 licensed source code, stated by the vendor | Open source project | Dedicated education plans stated; confirm current terms with the vendor | Not specified on the page reviewed; confirm terms with the vendor |
Recommendation. For most faculties, standardise on draw.io for conceptual framework diagrams, because students can start without an account, keep files on their own device or in a drive the institution already manages, and export editable versions. The named alternative is Mermaid for programmes whose students already work in text and version control, where a framework defined as text can be reviewed and reproduced exactly. Miro and Lucidchart suit a department that already holds an institutional agreement and wants shared boards; the faculty should review that agreement, not the marketing page.
What is a conceptual framework diagram, and why compare tools?
A conceptual framework diagram shows the variables or concepts a thesis studies and how they relate: inputs, processes, outputs, moderators or the factors expected to influence an outcome. It is not the same as the theoretical framework, which names the theories behind the study. In many programmes, particularly those following the input-process-output convention, the diagram is a required figure at the end of the framework chapter, and supervisors spend review time on it. The tool matters less than the diagram’s logic, but a faculty that sets a standard saves students from losing editable files, from low-resolution exports and from licensing surprises close to submission.
This comparison uses the vendors’ own pages for features and licence statements. It gives no cost figures, because plans change and a faculty should read current terms directly.

How should a student draw the diagram, whichever tool is used?
- List the variables first. Write each concept as a noun phrase taken from the research questions, with its operational definition elsewhere in the thesis.
- Choose one layout logic. Left to right for input, process and output; top to bottom for hierarchical or causal chains.
- Give arrows one meaning. An arrow means “is expected to influence”. If some arrows mean something else, use a different line style and a key.
- Mark moderators and controls. Variables that change the strength of a relationship, or are held constant, need a visible and distinct position.
- Link each box to a measure. Every box should map to an item, record or code in the methods chapter.
- Keep the figure to one page. A diagram that needs a magnifier is a table in disguise.
How does the diagram differ from the theoretical framework?
The theoretical framework explains which theories the thesis uses and why. The conceptual diagram applies those ideas to the specific variables, setting and population. A supervisor can test the distinction with one question: could another thesis in a different setting reuse this figure unchanged? If yes, it is a theory diagram. If it names this study’s variables, it is a conceptual framework.
What does each tool offer, according to its own documentation?
draw.io in brief
The vendor describes draw.io as a diagramming tool for teams, available since 2005, with real-time collaboration, backwards compatibility with older files, and diagrams that can be embedded in documentation and applications. It lists storage on the local device through the desktop application, Google Drive, Microsoft OneDrive and SharePoint, GitHub and Notion. Export formats include SVG, PNG and PDF with options to keep editable versions. The source code is stated to be Apache 2.0 licensed, and the vendor states that no account creation is needed to begin diagramming and that the offline desktop app adds privacy assurance. For a thesis, the practical consequence is that a student can keep the editable file with the thesis files and not depend on an account that may close.
Mermaid in brief
Mermaid is a JavaScript-based tool that converts text-based syntax into diagrams, using Markdown-inspired definitions rendered as SVG. Supported types include flowcharts, sequence diagrams, class diagrams, Gantt charts, entity relationship diagrams and state diagrams, and it can be used in the Mermaid Live Editor, embedded in HTML, installed through package managers or used in GitHub and Markdown environments. It is an open-source project created by Knut Sveidqvist. For a thesis, its strength is reproducibility: the diagram is text that can be versioned and compared line by line. Its limit is layout control, since the renderer decides positions, so a thesis figure with a precise arrangement may need another tool.
Miro in brief
Miro’s diagramming page describes more than 2,000 shapes spanning UML and cloud-architecture sets, prompt-based diagram generation, layers, more than 5,000 templates, real-time collaboration with comments, guest and visitor access, board-level permissions, and more than 250 integrations. It states that diagrams can be exported as high-resolution JPG or PDF and that boards can be shared publicly without sign-in, and that dedicated education plans exist. For a thesis, the board model suits supervisor and student working on a framework together; the faculty should check who owns the board and what happens to it after a licence ends.
Lucidchart in brief
Lucidchart describes AI-assisted diagram generation, linking of diagrams to data in Google Sheets, Excel or CSV files, conditional formatting, UML markup that generates sequence diagrams from text, layers, real-time collaboration and integrations with more than 100 applications including Jira, Confluence, Slack and Microsoft Teams. The page reviewed does not specify export formats. A faculty considering it should ask the vendor for export options and account terms in writing before recommending it to students.

Which criteria should a faculty score?
- File ownership and longevity. Can the student keep an editable file after graduation without a paid or institutional account?
- Export quality. Does the tool export a figure at a resolution that survives print and PDF submission?
- Access and accounts. Is an account needed, and who controls it?
- Collaboration. Can a supervisor comment or edit without installing software?
- Data location. Where are files stored, and is that compatible with the institution’s own data protection review?
- Accessibility. Can the figure carry alt text and a text description in the thesis?
- Support burden. Will the faculty need to answer student questions about this tool?
Scoring these seven criteria takes an afternoon and produces a defensible recommendation. The same approach is used in the faculty comparison of reference managers, where licensing and data portability decided the recommendation.
What does a good conceptual framework look like in three fields?
These illustrations are described in text and are fictional, to show how the same conventions work across disciplines.
- Education. Inputs: teacher training hours and class size. Process: use of a new assessment routine. Outputs: student engagement and reported confidence. A moderator box marks prior achievement. The measures are a training log, an observation checklist and a validated scale chosen with the guidance in the validity and reliability checklist.
- Public health. Inputs: household income and distance to clinic. Process: use of a community outreach programme. Output: screening uptake. Each box links to an operational definition of the kind shown in the guide to definitions of terms in a public health thesis.
- Business. Inputs: supervisor support and workload. Process: job resources available. Outputs: exhaustion and turnover intention. The measures follow the instrument rules in the guide to supervising a burnout thesis.
How should a faculty roll out the recommendation?
A short note in the thesis handbook is enough. It states the recommended tool, the accepted alternative, the export format required for submission (a vector or high-resolution image plus the editable source file), and a requirement that figure alt text appears in the thesis. A one-hour workshop, run by the library or methods office, can show students how to draw an input-process-output diagram in the recommended tool and how to export it. The handbook should also state that the diagram is assessed for logic and alignment with the methods, not for visual polish.
What mistakes do supervisors see in framework figures?
- Boxes without measures. A concept that appears in the figure but nowhere in the instrument or data plan signals an unfinished design.
- Arrows that claim causation the design cannot test. A cross-sectional survey can show association; the figure should not imply more.
- Two diagrams that disagree. The framework in chapter two and the model tested in chapter four should match, or the thesis should explain why they differ.
- Unreadable exports. A screenshot pasted at low resolution fails in print. The editable source file should travel with the thesis files, and the student should keep a backup outside the tool’s own account.
Where does Tesify fit?
Choosing a diagramming standard is the faculty’s decision. Once the framework is drawn and the student is writing, Tesify helps students structure and organise their thesis while they write 100% of the work themselves: more than 9,000 students have written over 15,000 chapters with Tesify. See how Tesify supports a thesis cohort.
Frequently asked questions
Which tool should a faculty recommend for conceptual framework diagrams?
For most faculties, draw.io: its vendor states no account is needed to begin, files can be kept on the local device or in common drives, and editable versions can be exported. Mermaid is the named alternative for text-based workflows.
What is the difference between a conceptual and a theoretical framework?
The theoretical framework names the theories behind the study. The conceptual framework shows this study’s variables and their expected relationships, usually as a diagram.
Where can draw.io files be stored?
According to the vendor, on the local device through the desktop application, in Google Drive, in Microsoft OneDrive and SharePoint, in GitHub and in Notion.
What is Mermaid?
A JavaScript-based open-source tool that turns Markdown-inspired text definitions into diagrams rendered as SVG, usable in the Mermaid Live Editor, in GitHub and Markdown environments, and through package managers.
Does Miro offer education plans?
Miro’s diagramming page states that it supports educational use with dedicated education plans. A faculty should confirm the current terms with the vendor.
Which export format is best for submission?
A vector format such as SVG, or a high-resolution image or PDF, plus the editable source file. The faculty should state its required format in the handbook.
Should the recommendation rest on cost?
Not without current terms. Plans change, so a faculty should read the vendors’ current pages and any institutional agreement directly.
How many boxes should a diagram have?
Enough to show the study’s variables and no more. A diagram that does not fit on one page is usually a sign that the research question is too broad.
Do diagrams need alt text?
Yes. Provide a text description of the diagram in the thesis, so that readers using assistive technology can follow the framework.
Who assesses the diagram?
The supervisor and the examiners assess its logic and its alignment with the research questions and methods, not its visual polish.
