Live Twitter Feeds in Syncfusion Dashboard Platform | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (179).NET Core  (29).NET MAUI  (214)Angular  (110)ASP.NET  (51)ASP.NET Core  (83)ASP.NET MVC  (90)Azure  (41)Black Friday Deal  (1)Blazor  (226)BoldSign  (15)DocIO  (24)Essential JS 2  (109)Essential Studio  (200)File Formats  (68)Flutter  (133)JavaScript  (226)Microsoft  (120)PDF  (81)Python  (1)React  (105)Streamlit  (1)Succinctly series  (131)Syncfusion  (942)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (52)Windows Forms  (61)WinUI  (71)WPF  (163)Xamarin  (161)XlsIO  (38)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (9)Business intelligence  (55)Button  (4)C#  (157)Chart  (140)Chart of the week  (54)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (70)Development  (658)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (7)Essential Tools  (14)Excel  (43)Extensions  (22)File Manager  (7)Gantt  (19)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (512)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (54)Security  (4)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (14)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (393)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (614)What's new  (333)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Live Twitter Feeds in the Syncfusion Dashboard Platform

This blog demonstrates how to design a dashboard with live Twitter feeds using the Syncfusion Dashboard Platform. You can link any Twitter account with the Syncfusion Dashboard Platform for this and design the dashboard accordingly.

Twitter features OAuth support, allowing users to access its APIs through which data can be retrieved from a Syncfusion dashboard.

To access the Twitter API, register your application on Twitter Apps and fill out the necessary forms. You will receive a client ID and client secret which you can use to establish an authorized and secure connection with the Syncfusion Dashboard. For more details about registration, click here.

From the Syncfusion Dashboard Designer, in the New Connection wizard, choose Web Data Source connection type, OAuth authentication type, Twitter provider, set an endpoint URL to connect to, and fill in all other details. At the end, click Get Access for the login information to access your account.

Figure 1: Connecting to a Twitter account

On successful connection, you can view tables from a valid Twitter API endpoint URL. Start placing widgets in the dashboard and bind them with the appropriate table column to create a meaningful dashboard showing Twitter account information.

Figure 2: Mapping widgets with the table columns to design a dashboard

Once the dashboard design is completed, you can schedule your dashboard to view the up-to-date Twitter account information by following this procedure:

  1. Schedule periodic refreshes of the hosted dashboard.
  2. Configure the target server database using the Syncfusion Dashboard Data Agent.
  3. Schedule periodic refreshes of the data source.


We’ll now walk-through these steps.

Scheduling periodic refreshes of the hosted dashboard

To show the live feeds, we’ll first schedule to refresh the dashboard at regular intervals. To do this, select Server > Refresh Setting from the Dashboard Designer toolbar, and set the appropriate time to refresh the dashboard at regular intervals.

Figure 3: Dialog to refresh the dashboard periodically

Configuring the target server database using the Syncfusion Dashboard Data Agent

Using the Syncfusion Data Agent Tool, we need to register the target server details. The fact here is that we cannot pass SQL or non-SQL queries via the Twitter API for results as those APIs just carry JSON information on request. Moreover, operations like filtering, sorting, top N, etc., need to be handled, so a target server database is preferred for better data manipulation.

In this example, a SQL Server database has been used as the target server database. Its details have been added to the connection part in the Data Agent tool.

Note: The Syncfusion Dashboard Data Agent should be installed in the production server where the dashboard is published for public access.

Figure 4: Adding a target server

Scheduling periodic refreshes of the data source

In the Dashboard Designer, under the Server > Publish > Dashboard module, select the Data Agent (Scheduled Refresh) option to schedule the publishing of a dashboard to the production server. It requires the Data Agent’s IP, port, and connection (target server database connection handled in the previous section).

Figure 5: Agent IP and port number from the Data Agent tool

The schedule time can be applied in seconds, minutes, hours, and days format. Each of the data sources listed in the left side panel that is connected to Twitter needs to be scheduled individually in order to move the updated JSON information from the Twitter API endpoint URL to the target server database periodically. Once the time is scheduled, the publishing process is completed.

Figure 6: Scheduling the dashboard for periodic update

Figure 7: Published Twitter dashboard

Now Twitter is connected to our dashboard, and account information like tweets, likes, retweets, recent tweets, likes for recent tweets, retweets for recent tweets, followers, following, etc., are showcased in a dashboard for a unique, live experience using the Syncfusion Dashboard Platform. Now you can try on your end with a free-trial download and the supporting resources available online. Happy dashboarding!


Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed