Dashboard Creation

Add a component to the dashboard

Step 1: Component Selection

1. Begin by clicking on the "+ New Dashboard" button to create a new dashboard.
2. In the "Design your new dashboard component" modal:
3. Choose from the available standard or special components (e.g., Figure, Card, Interactive, Table, or special components like JBrowse, Graph, Map).
4. For this example, select Figure for the scatter plot and Histogram for the histogram, and Interactive for interactive components.
5. Once you’ve chosen the component, click Next Step.

Step 2: Data Selection

1. For each selected component, choose the corresponding workflow and data collection from the dropdowns.
2. Verify the Data Collection Info, such as Workflow ID, Table type, MongoDB ID, and Data preview.
3. Click Next Step to proceed.

Step 3: Customize Your Component

1. Choose Visualization or Interactive Type:

2. Based on the component type selected in Step 1, choose the appropriate visualization or interactive type from the list of available options (e.g., Bar, Scatter, Histogram, RangeSlider).

3. Set Data Parameters:

4. Define key parameters such as X-axis and Y-axis (if applicable), and assign the relevant data columns from your dataset.

5. Configure additional data settings, such as filters or ranges, depending on the component's functionality.

6. Adjust Specific Parameters:

7. Customize visualization-specific parameters like colors, bin sizes, or axis labels to refine how the data is presented.

8. For interactive components, configure sliders, filters, or dropdown options based on the desired user interactions.

9. Finalize Customization:

10. Review the component preview and ensure all settings are accurate.
11. Once complete, click Next Step to proceed to the final stage.

Other examples: