visualizing and analyzing data with pivotviewer in silverlight 5
DESCRIPTION
Visualizing and Analyzing Data with PivotViewer in Silverlight 5. Jenn Lin Senior Test Lead Microsoft Corporation. What is PivotViewer for?. Explore and Inspire. F ollowing curiosities M oving through a set of data and exploring hidden or nuanced relationships - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/1.jpg)
Visualizing and Analyzing Data with PivotViewer in Silverlight 5Jenn Lin
Senior Test LeadMicrosoft Corporation
![Page 2: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/2.jpg)
What is PivotViewer for?
![Page 3: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/3.jpg)
Explore and InspireFollowing curiosities
Moving through a set of data and exploring hidden or nuanced relationships
Extracting new insights from familiar data
![Page 4: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/4.jpg)
Navigate and ActFinding a needle in a haystack
Comparing a few needles against each other
Making a decision or taking action
![Page 5: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/5.jpg)
PivotViewer Investigates Climate Change
http://gis.team.sdsc.edu/teamimages/
![Page 6: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/6.jpg)
5 Steps for Building a Great PivotViewer App
![Page 7: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/7.jpg)
1. Know your data
![Page 8: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/8.jpg)
A good app…
Visuals
DataVisualsData
Visually rich or Data rich
![Page 9: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/9.jpg)
A great app is visually rich and data rich
Visuals Data
![Page 10: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/10.jpg)
Adding Data to PivotViewer is Easy!In XAML: <pv:PivotViewer x:Name="viewer" ItemsSource="{Binding}“> <pv:PivotViewer.PivotProperties> <pvcore:PivotProperty Id="TickerSymbol"
Options="TextSearchable" PropertyType="Text" Binding="{Binding TickerSymbol}" />
</pv:PivotViewer.PivotProperties></pv:PivotViewer>
In Code:viewer.DataContext = m_stockQuotes.Values;
![Page 11: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/11.jpg)
Treat Data Appropriately
7-10 Facet Categories20 Facet Categories1 Facet Category
![Page 12: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/12.jpg)
Deal with dynamic dataBad: changing data in your collection without notifying the user
BetterSet a timer indicating when the data will be refreshed
BestHave an indicator that data in the app is staleProvide a button for refreshing data
![Page 13: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/13.jpg)
2. Don’t ignore visuals!
![Page 14: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/14.jpg)
What is a tradecard?A tradecard is a visual representation of one item in a PivotViewer collection
![Page 15: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/15.jpg)
What is a tradecard?
No elements Too many elements
![Page 16: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/16.jpg)
XAML TradeCardsNo need for pre-created visuals
Data updates automatically as it changes
Easily render different tradecards at different levels of zoom
Add any content: imagery, deep zoom imagery, text, graphs, etc.
![Page 17: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/17.jpg)
Creating tradecards is easy!
<DataTemplate x:Key="smallTemplate"> <Border Width="64" Height="64" Background="{Binding
ValueChange, Converter={StaticResource colorConverter}}">
<TextBlock Text="{Binding TickerSymbol}" FontSize="20" /> </Border> </DataTemplate>
![Page 18: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/18.jpg)
3. Take advantage of semantic zoom
![Page 19: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/19.jpg)
Design for Far Away
Dominant Color
Outline
Text
![Page 20: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/20.jpg)
Design for Medium Distances
Icon
Outline
Text
![Page 21: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/21.jpg)
Design for Up Close
Detailed Data
Graph
Outline color
Title
![Page 22: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/22.jpg)
4. Treat large data sets appropriately
![Page 23: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/23.jpg)
Large Data Sets & PivotViewerPivotViewer is optimized for rendering 3,000-5,000 items at one time
![Page 24: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/24.jpg)
Large Data Sets & PivotViewerHave the user pre-sort or pre-filter before viewing items in PivotViewer
Search
OK
Washington, Oregon, California
Search for stores in a certain area or matching a keyword
![Page 25: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/25.jpg)
Large Data Sets & PivotViewerTake advantage of data hierarchy to build linked collections
![Page 26: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/26.jpg)
Large Data Sets & PivotViewerConsolidate data with similar characteristics into one PivotViewer item
![Page 27: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/27.jpg)
Large Data Sets & PivotViewerReplace the FilterPane with your own custom implementation
![Page 28: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/28.jpg)
5. Build a full app around your PivotViewer control
![Page 29: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/29.jpg)
Styling and CustomizationFull color and font customization
InfoPane customization
Turn off the FilterPane
ItemAdorners
New and improved events and properties API
![Page 30: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/30.jpg)
When will PivotViewer be available?
![Page 31: Visualizing and Analyzing Data with PivotViewer in Silverlight 5](https://reader035.vdocument.in/reader035/viewer/2022062501/56816712550346895ddb7c9a/html5/thumbnails/31.jpg)
AvailabilityDownlad the RC of Silverlight 5:http://www.silverlight.net/learn/overview/what%27s-new-in-silverlight-5
Demos are here:www.microsoft.com/silverlight/pivotviewer
Recommended blog write up:http://tonychampion.net/blog/index.php/2011/09/to-cxml-or-not-to-cxml/