Data Beta

StoryMapJs is a tool through which we can do stories that is mapped and geographically located. In StoryMapJs we can use map to tell our stories related location supported by photo, cartoons, text, videos, audios, etc.

My StoryMapJs story link:

http://shadabmoizee.tumblr.com/post/93515862047/sand-mafia-trail-in-india-storymap

These are some steps to work on StoryMapJs:

Type StoryMapJs in your search engine

Then click on StoryMap JS - Telling stories with maps option

Home page of StoryMapJs will open then click on Make a “Storymap now” option

For first time user it will ask for gmail account login or google drive authorization

Click on “New” option for new project to start

Then two options will come, Map or Gigapixel.

Click on Map, and it gives you option to create your storymap, then you have to give a title to your Storymap project.

Title slide will come. Write your title that is Headline with description, on that title page you can add Media (photo, video) to give support to your story with caption and credits.

Then click “add slide”

On every slide you can get location option for your story. You can enter the location and can find your specific location on world map

On the below corner of the slide you have a slide option through which you can change the style of your presentation of the slide i.e., background colour, background image

Once your story has done go to the “share” option (top right side of the page) and share the story on social media or you can embed the link on tumblr.

Issues with StoryMapJs

There is a problem with the theme option, when you share the story on social media like tumblr there is a chance that your story will look stretched

Rebelmouse is for making our own website. It connects your social feeds from your social media profile and brings them into Rebelmouse.

I have made a list on Politics on my twitter list option (https://twitter.com/shadabmoizee/lists), so I can track the updates of my interest. 

Step1. First I had signup to Rebelmouse through my twitter account, and then there was a setup option in which I put all the details like site name, email address, password then saved the details.

Step2. On left hand side of Rebelmouse account there was a section called “site” option, then on that page I pulled out my twitter list shadabmoizee/political-drama and on right side of the page there was an option called Launch New Site, so after clicking on that option I wrote my new site name i.e., Politicalogy (https://www.rebelmouse.com/Politicalogy/).

Step3. Then again on left side there was a content source option, where I added Twitter lists, by simply add @username/list-name to the field provided. In addition to this, I also added filters to the Twitter sources by entering relevant keywords or hashtags.

Step4. In order to make the site good I have divided it in different sub-section in the list and also give the description of the sub-section with tags, and page status or category.

My Rebelmouse site home page- 

Problems faced- rebel mouse took time to sync the feeds from social media sites. Also it is quite problematic to make distinction between the feeds of sub-section as some time tags or same keywords are used in various places.

// <![CDATA[ google.load('visualization', '1', {packages: ['corechart']}); // ]]> // <![CDATA[ function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Age', 'Number of students'], ['21', 4], ['22', 7], ['23', 3], ['24', 1], ['25', 1], ['26', 1] ]); // Create and draw the visualization. new google.visualization.PieChart(document.getElementById('visualization')). draw(data, {title:"Age share of MACJ 2015 students"}); } google.setOnLoadCallback(drawVisualization); // ]]>

We started off by creating a data table with the specifics collected personally of the students of MA Convergent Journalism in MCRC in Jamia which included name, age marks, states that the students belong to, months of experience in work etc.

Once the data was collected, we signed in Google code playground. Then manually we put all the data of age and number of students in the visualisation option in Playground Google Visualization API Sample in HTML and ran the code. Once the chart occurred, we embedded it in Tumblr using ‘edit HTML’, copying the code and then pasting it on Tumblr.

The same data was used in Google Fusion tables through creating a new table and manually putting all the individual scores of the three students over the years. Once the data was fed in a table containing years (2009-2013) and the names with their respective scores, the same was visualised using the Timeline option.

This Bar graph was created using Google Fusion Tables. It drew its data from the same Google spreadsheet and was then aggregated by Age and Count of the students. The visualised Bar graph was a good way to visualise the data of the students by age group.

It was difficult at once to arrive at this graph and to get to the aggregate by option at first. But successive attempts made it much clearer.