While working with your statistics in Statistics eXplorer it’s called a Story. When you publish the story in full on a blog or a website it transforms to a Vislet.
On this page we’ve compiled all steps required to transform your Story into a Vislet. To do the transformation, you use our portal to upload a Story file from your computer. If you follow the instructions in texts and pictures, you can in peace and quiet learn how to proceed to share your Story with others. Just follow the steps in the slideshow below.
Swipe the pictures below with the cursor, or press the points below the pictures to browse.
Instructions
Swipe right or left to browse
A. Log on
- Navigate to the portal and press the blue text “Sign in with Pubic Account”

B. Log on (continuing)
- Fill in the password geovis .
- Press “Sign in as Guest”.

C. Navigate to upload
- Since we want to upload, press the upload tab in the top left corner.
- “Geovis”, get instructions about how the portal works.
- “Stories”, Stories uploaded earlier will be displayed here together with the projects official ones. All Stories are sorted according to the different eXplorer versions (world, Europe, Sweden, mdim).
- “Upload”, upload an own story to the portal.
- “Manual”, get more support about how the portal is used.
- “eXplorer”, the location of the eXplorer versions.

D. Configure and upload
- Choose “User Story”.
- Choose a name for your Vislet.
- Write a short description about the subject of the Vislet.
- Press “Choose file” and highlight your saved story file. Haven’t you saved your Story? Watch the episode (link below) about how this is done.
- Press “Open”.
- Chose the version of Statistics eXplorer the story is made for; World, Europe, Sverige or Norrköping.
- Press “Upload”.

E. Publish
When you’ve added your tasks and uploaded the file, press “Publish this story now”

F. Publish (continuing)
- Navigate to the tab “Stories” in the top left corner.
- Press the title of your Story
- Press “Publish”

G. Configure Layout
- Choose layout to your Vislet.
- First, press the area you want to fill in, then press the type of diagram you want to use to assign it. Repeat this until all the areas in the layout has diagrams assigned.
- Press the arrow to move on.

H. Configure Layout (continuing)
- At this stage you can make refinements to how your Vislet should appear in your web browser. There’s no need for you to change anything, but if you wish you can change its height or set display options for share buttons etcetera.
- Press “Preview” to check how the Vislet will appear when published.
- When you’re satisfied with your adjustments, press the arrow to move on.

I. Copy HTML code
- The code is now prepared, so go ahead and copy it. It can be pasted into blogs and websites, whereupon the Vislet is published and ready to use in the education.

J. Publish on blog (WordPress)
This procedure will vary depending on which blog network you’re using. Begin with logging on to your blog and press “new post”.
- Name your Vislet.
- If you have a short describing text about your Vislet, add it first. If you want text both over and under your vislet, leave a space between the texts.
- Navigate to HTML-mode (if using WordPress, press the “text” tab).

K. Publish on blog (continuing)
- Identify the place in the post where you want your Vislet to appear. In this case, we want text both over and under the Vislet, so we paste the code for the Vislet in the gap between the texts.
- Choose category for your post (not mandatory).
- To choose a miniature image for your post, press “set featured image” (not mandatory).

L. Publish on blog (continuing)
- Choose the image you want to use.
- Press “Set featured image”.

M. Publish on blog (continuing)
- If you want, you can now preview your post. To do this, press “Preview Changes”.
- If you’re happy with the layout of the post it’s time to publish it. Press “Publish” to do this.

N. Congratulations to your first Vislet!
Your Vislet is now published. This is what a Vislet looks like when it’s published on our blog.

Do you want an even deeper understanding of how to publish Vislets? There’s more to learn about this on Linkopings University web page about Storytelling.
Linkoping University