# Kendo UI for Angular Sparkline Chart

The Sparkline is a tiny chart without axes, coordinates, legends, titles, or other chart-specific elements.

Generally, Sparklines are simple, word-sized graphics that can be embedded in tables, headlines, or chunks of text. The concept for their graphical representation was developed by [Edward Tufte](https://en.wikipedia.org/wiki/Edward_Tufte). The Kendo UI Sparkline is a version of the [Kendo UI Chart](https://www.telerik.com/kendo-angular-ui/components/charts), which is tailored for this specific application. While the standard Kendo UI Chart component behaves like a block element (due to its rendering inside a `div` element to allow for an easy embedding in texts), the Sparkline behaves like an inline element due to its rendering inside a `span` element.

While, typically, Sparklines are line charts, they can also be rendered as the following Chart types:

* Line (default)
* Bar (Data Bars)
* Column
* Area
* Pie
* Bullet

The following example demonstrates the Sparkline in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/charts/sparkline/basic/source.txt)

## Key Features

* The Sparkline includes shortcuts for setting the [`data`](https://www.telerik.com/kendo-angular-ui/components/charts/api/sparklinecomponent#data) and [`type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/sparklinecomponent#type) series options.
* Also, the Sparkline supports all configuration options that are applicable for the Categorical series type of the [Chart](https://www.telerik.com/kendo-angular-ui/components/charts/configuration).

## Support and Learning Resources

* [Angular Sparkline Chart Homepage](https://www.telerik.com/kendo-angular-ui/charts#sparkline)
* [Getting Started with the Kendo UI for Angular Chart](https://www.telerik.com/kendo-angular-ui/components/charts/installation/getting-started)
* [API Reference of the Charts](https://www.telerik.com/kendo-angular-ui/components/charts/api)
* [Sparkline Chart integration with Grid](https://www.telerik.com/kendo-angular-ui/components/grid#angular-grid-example)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui/components/getting-started)
* [Getting Started with Kendo UI for Angular (Video Tutorial)](https://www.telerik.com/campaigns/kendo-ui/using-kendo-ui-with-angular-video-tutorial)
* [Video Courses](https://www.telerik.com/kendo-angular-ui/components/getting-started/video-onboarding)
* [Chart Forum](https://www.telerik.com/forums/kendo-angular-ui?tagId=256)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui/components/knowledge-base)

## Additional Resources

* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Angular Videos](https://www.telerik.com/videos/kendo-angular-ui)
* [Kendo UI for Angular Roadmap](https://www.telerik.com/support/whats-new/kendo-angular-ui/roadmap)