Add a Vislet to a Homepage or Blogguide > Tutorials > Guides > Add a Vislet to a Homepage or Blog
- Step 1
- Step 2
- Step 3
- Step 4
- Step 5
- Step 6
- Step 7
The conceptual approach and framework of the geovisual analytics storytelling implementation is based around three complementary characteristics: eXplorer, tell-a-story and Publisher (Vislet):
-Authoring (eXplorer): data provider and manager, motion visual representations including choropleth map, scatter plot, table lens, parallel axes, time graph, data grid, coordinated views, map layers, analytic tools (dynamic query, filter, regional categorization, profiles, highlight), and dynamic colour scale.
-Tell-a-story: snapshot mechanism that captures an interactive scenario (active views and indicators, attributes, time step, regions), metadata with hyperlinks, story and chapters, edit, capture, save, and export story.
-Publisher (Vislet): import stories and create HTML code for embeddable interactive motion visual representations for publishing on a web site or blog.
Step 1Load the indicators and select the time span for the data to be used in the Vislet. This is done by selecting "Manage Data" under the "File" menu.
Click here to read more about Data Management.
Step 2Add snapshots and story text using the Story editor. Story text consists of a title, name of the author, name of the organisation, the titles of chapters avaliable, and the Chapter text for each chapter. Multiple chapters can be used for example to cover multiple angles of the same story.
A snapshot is defined as a saved setting of view, filtering, selected items etc. This is meant to enhance the storytelling of your story. As shown below you can create a link that refers to a snapshot by using the Link function. For example you can refer to a specific year by creating a link with a snapshot with the timeline component set to the correct year.
Click here to read more about Storytelling or Stories.
Step 3Export the Storyfile. By using the Export function in Statistics eXplorer you can export your story file to an XML-file to be read by Statistics Publisher.
Step 4Load your story file gained from Statistics eXplorer to Statistics Publisher. This will give you a number of options to setup the layout, what visualization component or linked components to use and the general layout of the composed Vislet. In this example below we use three linked components choropleth map, motion scatter plot and dynamic Bar Chart. We have also chosen the option not to inclde the metadata but use snapshots boxes embedded in the Vislet that are referred to in the HTML text. The size of the widget is set to 650 pixels.
Click here to read more about Statistics Publisher.