CONCEPT: We want to visualize and analyze graphically the demographic information of the people in the barrios of Barcelona city.  The data is represented as a comparative between the barrios with respect to the population – subdivided as per gender, age groups and the activity. In order to make the visualization informative we have included additional facts and images of the barrios accessed through an interactive map. GOALS:

  • Visualize the Barcelona map
  • Identify each neighborhood (barrio) within Barcelona and include images
  • Categorize the population by gender, age and activity
  • Generate interactive maps, graphs to extract information mentioned above

The screen image below indicates what we intend to achieve for our final visualization.

The data set was compiled and modified the data set which have extracted from the following sites according to a common format in order to extract the data easily.  We have 3 separate of .csv files loaded using the ‘fileloader’ and ‘csvtoTable’ modules and visualized using the ‘Tablevisualisator’ as follows: 1)     Indicating the x & y co-ordinates of the barrios in order to project the location of the barrios on the Google map.  These co-ordinates are the approximate centers of the barrios.

2)     indicating the population figures and categories

3)     indicating the activity of the people in the barrios

The 1st data set is used to project the x & y co-ordinates of the barrios locations on the Google map using the ‘createsTransformationGeo’ and ‘universalProjectiononTransformationgeo’ operators. The ‘GoogleMapsVisor’ is used to visualize the map, this is overlaid with the ‘Polygon2DSimpleVisualizator2’ to project the co-ordinates and make them selectable and ‘TextsonSpace’ to indicate the names of the barrios on the map.  The selectable points are linked to the images and information about the barrios (work in process).

For the 2nd data set i.e. the population we have used ‘Quadrification’ to visualize the total population of the city and its barrios.  This is linked to the ‘ListElementSelector’ using ‘getElementfromlist’ to visualize specific data selected. The ‘Quadrification’ is further linked to the ‘StackedBarChart’ and the ‘sublistselector’ which shows the relation between the different categories of the data set.

The 3rd data set is i.e. the activities of the population is visualized using the ‘CurvesGraph’. The information is extracted using ‘getElementfromlist’ and ‘listassembler’ operators. Please follow the link to open the PDF:

Please follow the link to get access to the Impure workspace:

https://visit.impure.com/space/#/nidhilshah/project/interactive_BCN

Enjoy it..! Team Members: Hertobayu Apriano Yashaswini Apte Hugo Carvallo Nidhi Shah