Skip to content

Conversation

@edmofro
Copy link
Member

@edmofro edmofro commented Dec 11, 2025

Issue #: N/A

Changes:

  • Added a new section to packages/admin-panel/README.md with an end-user guide on how to create custom dashboards in Tupaia, covering steps from accessing Viz Builder to linking cards and setting up email summaries.

Screenshots: N/A (Documentation only)


Open in Cursor Open in Web

Co-authored-by: edwin <edwin@bes.au>
@cursor
Copy link

cursor bot commented Dec 11, 2025

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

@gemini-code-assist
Copy link
Contributor

Summary of Changes

Hello @edmofro, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces significant improvements to the Admin Panel documentation by adding a comprehensive guide for end-users on creating custom dashboards. The new section aims to empower users to effectively utilize the Viz Builder functionality within Tupaia, streamlining the process of generating and managing personalized data visualizations.

Highlights

  • New Documentation Section: A new section titled 'Creating a custom dashboard (end user)' has been added to the packages/admin-panel/README.md file.
  • Comprehensive User Guide: The added documentation provides a detailed, step-by-step guide for end-users on how to create custom dashboards within the Tupaia platform, covering everything from Viz Builder access to setting up email summaries.
  • Dashboard Creation Process: The guide outlines the process of creating dashboard cards, managing dashboard containers, attaching cards, and configuring optional email summaries for dashboards.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request adds valuable documentation for end-users on how to create custom dashboards. The guide is comprehensive and covers the process from getting access to setting up email summaries. My feedback includes a couple of suggestions to improve the readability and user-friendliness of the documentation, such as making a URL clickable and restructuring a long list of steps for better clarity.

### Creating a custom dashboard (end user)

1. **Open the Admin Panel with Viz Builder access**
Sign in at `admin.tupaia.org` and make sure your account is in the “Viz Builder User” permission group. Without it you won’t see the “Add dashboard item” button or the builder screens that follow.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

For a better user experience, it's good practice to make URLs clickable. The URL admin.tupaia.org is currently formatted as code. I suggest making it a hyperlink.

Suggested change
Sign in at `admin.tupaia.org` and make sure your account is in the “Viz Builder User” permission group. Without it you won’t see the “Add dashboard item” button or the builder screens that follow.
Sign in at [admin.tupaia.org](https://admin.tupaia.org) and make sure your account is in the “Viz Builder User” permission group. Without it you won’t see the “Add dashboard item” button or the builder screens that follow.

Comment on lines +14 to +20
2. **Create dashboard cards in Viz Builder**
- Go to **Visualisations → Dashboard items** and click **Add dashboard item**.
- Give the card a unique code, a short name your audience will recognise, choose the permission group that should see it, and pick the visualisation type (chart, table, statistic, etc.).
- After selecting **Create**, the Viz Builder opens. The left panel lets you choose data steps either through the point-and-click Transform Library or by switching to the JSON editor for fine-grained control.
- Above the preview area you can choose a **project, location, and date range** or upload a small `.json` test file so the preview uses the same data your users will see.
- Press the blue **Play** button whenever you want to refresh the preview. Use the **Data Preview** tab to confirm the raw numbers and the **Chart Preview** tab to view the finished card. You can toggle between a guided presentation editor (with an AI assistant) and raw JSON if you need to make precise tweaks.
- When you are happy, click **Save**, confirm in the modal, and stay on the page or jump back to the Admin Panel once the success message appears.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The list of actions under "Create dashboard cards in Viz Builder" describes a sequence of steps. Using a nested ordered list (1., 2., etc.) instead of bullet points (-) would improve readability and make the process easier for the user to follow.

Suggested change
2. **Create dashboard cards in Viz Builder**
- Go to **Visualisations → Dashboard items** and click **Add dashboard item**.
- Give the card a unique code, a short name your audience will recognise, choose the permission group that should see it, and pick the visualisation type (chart, table, statistic, etc.).
- After selecting **Create**, the Viz Builder opens. The left panel lets you choose data steps either through the point-and-click Transform Library or by switching to the JSON editor for fine-grained control.
- Above the preview area you can choose a **project, location, and date range** or upload a small `.json` test file so the preview uses the same data your users will see.
- Press the blue **Play** button whenever you want to refresh the preview. Use the **Data Preview** tab to confirm the raw numbers and the **Chart Preview** tab to view the finished card. You can toggle between a guided presentation editor (with an AI assistant) and raw JSON if you need to make precise tweaks.
- When you are happy, click **Save**, confirm in the modal, and stay on the page or jump back to the Admin Panel once the success message appears.
2. **Create dashboard cards in Viz Builder**
1. Go to **Visualisations → Dashboard items** and click **Add dashboard item**.
2. Give the card a unique code, a short name your audience will recognise, choose the permission group that should see it, and pick the visualisation type (chart, table, statistic, etc.).
3. After selecting **Create**, the Viz Builder opens. The left panel lets you choose data steps either through the point-and-click Transform Library or by switching to the JSON editor for fine-grained control.
4. Above the preview area you can choose a **project, location, and date range** or upload a small `.json` test file so the preview uses the same data your users will see.
5. Press the blue **Play** button whenever you want to refresh the preview. Use the **Data Preview** tab to confirm the raw numbers and the **Chart Preview** tab to view the finished card. You can toggle between a guided presentation editor (with an AI assistant) and raw JSON if you need to make precise tweaks.
6. When you are happy, click **Save**, confirm in the modal, and stay on the page or jump back to the Admin Panel once the success message appears.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants