Learning from Demo
There are more than 215 examples, which could be very helpful while you are learning how to use library or just searching for the idea of implementation/functionality.
Open Demo
Interactive Examples App is the demo application for LightningChart® .NET, its shortcut appears on Desktop or in Start menu / LightningChart .NET SDK. It can also be run from Dev Center.
Running Interactive Examples via Start menu or Dev Center
Main features of Demo
Main features of Interactive Examples App are:
- examples could be search by keywords (from list of Tags or text in the description);
- interactivity: not only zooming/panning/tracking, but also data point (or series) count can be changed;
- Properties Editor to modify Chart's public properties on-fly;
- source code of example extractable as standalone application;
- exporting of chart-image to file or clipboard, printing with preview or export chart as XML file;
- 2D transformation of chart (flip, rotate);
- color theme change on-fly;
- list of Favorite examples could be created, exported and shared;
- user can start email with question or feedback about specific example directly from app.
Demo in Tile view
Demo in List view
Exploring selected example
Examples Gallery
Examples shown in Interactive Examples app in Tile or List view. If you don't have application, you can find them listed in Gallery page.
Searching example
Interactive Examples has a large number of demo examples (210+) grouped in various categories (For example, Showcase, Performance, ViewXY, View3D, Polar, Maps, Trader etc.). Check the examples by browsing the categories or by using the search bar on top of the application.
When user search examples by keyword(s) (in top search-box), the new category of examples is created based on those (in Tile-view). User can enter multiple words and do search with AND operator. This category is place at the top of view. Similarly, clicking on Tags from right-side description column will add those to the search-box.
User 'clear' button at right side of search-box to remove new category of examples.
Right below search-box there list of most popular Tags. Those can be used to filter existing categories of examples (only those examples are show, which have specified tags). Multiple filtering words can be applied with OR or AND operator (match any or match all respectively).
Interaction with example
Many examples have several chart settings added to the user interface, feel free to change them. Furthermore, the Properties Editor tab can be used to view and edit almost every chart property individually (see image above).
Extracting example
Each individual example can be extracted as standalone application. First user must select target platform (WPF (Windows Presentation Foundation), Windows Forms or UWP (Universal Windows Platform)) and .NET version (.NET Framework 4.8 or .NET 10.0).
Once "Extract..." button is clicked, user will be asked to specify root folder for example to be extracted to. And then Visual Studio with new project will be open automatically.
Once extracted as a standalone Visual Studio project, example can be modified or used as the basis for the user’s own application.
Over 170 examples can also be extracted as bindable WPF projects utilizing the MVVM model. Furthermore, over 77 examples are available as UWP standalone projects, likewise using binding and MVVM models.
The count of yellow triangles show relative performance difference between platforms.
If conversion of example to specific platform is not done yet, then triangles will be black and example is not possible to extract as standalone application. User can send request about such cases to Support
Visual Studio with extracted example
Exporting to file
The Chart capabilities to export is described elsewhere. However, it is also possible to some of export method calls directly from Demo. When example is open, user will find icons-buttons in top-right corner to do such actions.
Exporting to file
Chart geometry transformation
The geometry of Chart as WPF object can be modified and described elsewhere. The example of such rotation transformation can see on selected example by using Demo's controls as shown in image above.
Color themes
LightningChart has dozen predefined color-theme and it is also possible to create custom theme (see User Manual chapter 12). Demo allows to switch to one of those color theme whenever example is open. Color-theme switch button can be found in top-right corner of Demo.
Note that most of examples have been created with dark color theme in mind. Therefore, color selection for series or palette may be not ideal when overall chart's color theme is changed.
Favorite examples
The list of Favorite examples could be created, exported and shared. When mouse hover over example ‘Add to Favorites list’, or star-icon is shown. In addition, star-icon is shown next to the description on the right side column. Once list of Favorite examples is created user can filter example to shown only those or one can export to file (by using context menu from top-right corner of Demo). Such file can be shared between user as anybody having Interactive Examples App can upload it and use it.
Note, Interactive Examples App does not require LightningChart license per se. Therefore, sharing favorite examples may be quickest way to show idea or capabilities charting application.
Headless mode demonstration
There is also a Service demo for connecting a client application to a service that generates a chart image stream. For the Service demo (Headless mode rendering), please refer to Headless mode page and to the DemoService\description.pdf file in the following directory path:
C:\ProgramData\LightningChart\LightningChart .NET SDK v.??\DemoService