# How to Visualize the MongoDB Data in Coda

> To visualize MongoDB data in Coda, insert a table, name it, and style it. Next, edit column labels and types, then manually encode your MongoDB data. Finally, use the Options button to format and configure settings to complete the visualization.

Canonical: https://livedemo.ai/tutorials/how-to-visualize-the-mongodb-data-in-coda/
Apps: Coda
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a52b1ab56e05a00ffff90/preview?step=1

## Steps

1. Inside your Coda doc, find and click the 'Insert' button.
2. Choose 'Table' from the list of options.
3. After that, come up with a unique table name and enter it into the provided input field. Use the options in the floating bar to edit the style according to your liking.
4. Next, go to the column header and double-click on each cell to edit the label. Type your preferred column titles accordingly.
5. You can change the type of column if necessary. To do that, tap the drop-down arrow next to the table.
6. Hover your mouse cursor over the 'Column Type' and then select your preferred option.
7. Following that, start encoding the data from MongoDB into the Coda table. Simply click the cell and type the details manually.
8. Once done, click the 'Options' button to proceed with the customization.
9. Choose your preferred format and then configure its corresponding settings based on your preference.
10. After completing these steps, your MongoDB data will be visualized using the Coda table.