Import DataApp

DataApps developed through ReactJS or Streamlit

If you have DataApps developed using popular frameworks like ReactJS and Streamlit, you can use the Import DataApp functionality to seamlessly integrate them into your project. To ensure a smooth integration, it’s important to select the correct DataApp type during the import process. If the wrong type is chosen, the DataApp may not function as expected.

Once your DataApp is successfully uploaded, the platform will automatically generate the relevant graphs and visualizations to enhance your user experience. Additionally, you can extend the functionality of your DataApp by integrating AskAI capabilities directly into the code. This allows you to query and analyze the data within your DataApp, providing a more interactive and dynamic experience.

This feature not only makes it easier to bring in DataApps from external sources, but it also gives you the power of AI-driven queries to unlock deeper insights from your data, creating a more customized and flexible experience.

Importing DataApps developed through ReactJS or Streamlit

Follow these steps to import DataApps developed using ReactJS or Streamlit:

1. Hover over the menu icon and select Projects.

2. Select the project for which you want to create DataApps and click the DataApps icon from the project-level navigation.

3. Click the plus icon and select Import DataApp (or) click Import DataApp if there are no DataApps created in the project. This opens the Create DataApp page.

1. Specify the following information on the Details tab:

DataApp Name: Enter the name of the DataApp.

DataApp Description: Provide a description for the DataApp.

Environment: Choose the desired environment for running the DataApp.

Choose Image: Upload an image to display on the DataApp card.

1. Click Upload and select a ZIP file containing your DataApp code. You can use sample ZIP files to test the import feature or get started quickly.

2. Select the DataApp Type (Streamlit or ReactJS) based on the framework using which the DataApp has been developed.

3. Select the Python version in which the Streamlit DataApp was developed. It supports only two versions of Python - 3.8 and 3.10

4. Add metadata details in JSON format (key-value pairs).

5. Click Create to complete the process. The DataApp will now appear as a card on the DataApps page, where you can open it to view the graphs or interact with the DataApp.

Perform the following actions clicking the Actions drop-down:

• Modify the DataApp details, using the Edit option. For more details, see Editing a DataApp section.
• Copy the dataapps URL to share with the other business users, using the Copy option.

• Open the dataapps on a new tab, using the Open in New Tab option.

• Configure the shutdown time of the DataApp, using the Config option. See configuring shutdown time of the DataApp section for more details.
• View logs of DataApps to debug issues, using the Logs option.

• Delete the DataApp that is no longer required, using the Delete option.

• Customize the branding appearance of your DataApp, using the Branding option. This opens the Branding modal. Enter your desired title in the DataApp Title field, then use the Upload from Computer option to upload your logo. Once you have added the title and logo, click Save to apply the changes. The customized title and logo will now appear on the AskAI page and will also be visible when the DataApp is opened in a new tab.