Connecting Bold BI to GitHub data source

Bold BI dashboard designer supports connecting GitHub web services through REST API.

Choose GitHub data source

To configure the GitHub data source, follow the below steps:

  1. Click the Data Sources button in the configuration panel to add a new data connection.

    Data source icon

  2. Click CREATE NEW to launch a new connection from the connection panel.
  3. Select the GitHub connection in the connection panel.

    Choose data source

NOTE

You can also create a data source from the home page by clicking the Data Sources menu from left menu panel and Create Data Source from the data sources page.

Choose data source

Create GitHub data source

Once you click the data source, the NEW DATA SOURCE configuration panel opens. Follow the below steps to create GitHub data source.

  1. Enter a name and description (optional) for the data source.
  2. Enter a valid GitHub REST API endpoint in the URL textbox. Refer the GitHub API documentation for more details.

    Example: https://api.github.com/user/repos

  3. Select GET method for the REST API in Method combo box.
  4. In Max Rows, enter the maximum number of rows to be fetched from the GitHub data source. This value is used to fetch the data from GitHub data source via pagination.
  5. Choose a time interval for Refresh Settings using the combo box, to trigger the Rest API request periodically to keep the data in sync with our dashboard.
  6. Select JSON data type in Data Format combo box.
  7. Choose Basic HTTP Authentication in Authentication Type combo box.
  8. Enter a valid User Name and Password to access the endpoint in your account.

You can also edit the connection information set here using the Edit Connection option.

Additional information

Max Rows Most of the REST APIs return only fewer data on a single API request. To pull the amount of data you need, set a value in this field. Pagination is handled internally and will fetch the amount of data you need.
Refresh Settings Period of time before next refresh call is triggered. This will automatically trigger a call for the API configured in the data source to keep the data up to date. If you do not want to sync your new data, choose ‘Never’.

Sample queries

Repositories

https://api.github.com/user/repos

Issues

https://api.github.com/user/issues

Events

https://api.github.com/events

Preview and data import

  • Click Preview & Connect to connect with the configurations set.
  • The Choose Schema(s) dialog opens. The schema represents the key fields of JSON data retrieved from GitHub Rest API request. This dialog displays a list of schemas in treeview and its corresponding values in grid for preview. Select required schema(s) from treeview to use in designer and click Connect.

    Preview

  • Now, the data design view page with selected table schema opens. Drag and drop the table.
    Query Editor

  • Click Save to save the data source with a relevant name.

Blog Post - https://www.boldbi.com/blog/analyze-and-visualize-your-github-repository-statistics-data

Data Transformation - https://help.syncfusion.com/bold-bi/visualize-data/joining-table

Editing a Data Connection - https://help.syncfusion.com/bold-bi/editing-a-data-connection

Dashboard Designer Walk Through - https://help.syncfusion.com/bold-bi/dashboard-designer-walk-through

GitHub Integration - https://www.boldbi.com/integrations/github