Adding Diagrams and Charts

TABLE OF CONTENTS


Drag and Drop Diagram Images

If you have created diagrams or charts in an external tool like Google Sheets, Microsoft Excel, or a programming IDE, simply download your diagram as a .png or .jpg file. Then drag and drop it into Typeset just like any other image.


Copy and Paste Charts Directly from Google Sheets

Select and copy your chart in Google Sheets, then paste it into a new line or new slide in Typeset.


Copy and Paste Data into Typeset

Typeset is smart enough to create a table when you copy and paste a data table into a new line. But you can also paste your data into the charts available in Typeset.


Copy and Paste Table Data

Simply select and copy the cells from your spreadsheet and paste them into a new line in Typeset. Typeset will create a table and use the first line of data as a header row.


Copy and Paste Data Into a Horizontal Bar Chart

To copy and paste data into a bar chart, first, create a bar chart in Typeset by typing /bar on a new line. Then paste your data over the pre-populated data in the bar chart.


Copy and Paste Your Data Into a Vertical Column Chart

First, create a column chart in Typeset by typing /column on a new line. Then paste your column data over the pre-populated data in the column chart.


Copy and Paste Into a Line Chart

First, create a column chart in Typeset by typing /line on a new line. Then paste your column data over the pre-populated data in the column chart.


Copy and Paste Into a Pie Chart

First, create a column chart in Typeset by typing /pie on a new line. Then paste your column data over the pre-populated data in the column chart.


Build Your Diagrams in Typeset

Diagrams and charts are an elegant method of communicating data, relationships, and processes. There are myriad third-party tools to create these elements, but you can create commonly used figures directly in Typeset!

Create these kinds of charts in Typeset:

  • Line
  • Bar
  • Column
  • Pie
  • Funnel
  • Sunburst



Create a data chart on a new line, then simply edit the data in the editor panel to meet your requirements and communicate your message. Never worry about being stuck with the color theme of another tool or having to manually input the colors for each element in your diagram again. Typeset will create beautiful diagrams automatically and even provide different display options when you hit the Magic Wand.



Using Mermaid Syntax to Build Diagrams

With Mermaid syntax, you can create these types of diagrams:

  • Flowchart or Decision tree
  • Sequence diagram
  • Gannt
  • Gitgraph

Typeset supports the Mermaid syntax to create a variety of diagrams via a synonymous component. Just type "Mermaid" at the beginning of a line or use the "/" command to search for Mermaid or your desired chart type.

 


Typeset will provide an example to get you started.


 

If you're familiar with the syntax or prefer a keyboard-first way of creating diagrams, numerous formats are supported. Here are a few examples.

 

 

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.