An HTML5 Framework for Knowledge Database Visualization based on Geographic coordinates - Community Edition

This work is a students project and it is intended to provide a dedicated template for open source GIS mapping solution. It is also a cross-level relational (aka matrix) and contextual data factory and archive for research and educational contents. It is based on Leaflet.js as map viewer, a lightweight library and its plugins. It works with GeoJson, CSV, image, local tiles, and vectors layers.

Instructions

Just add this code to your HTML document header:

    <link rel="stylesheet" type="text/css" href="app/galaxy-theme.css" /> // UI design
    <link rel="stylesheet" type="text/css" href="app/galaxy-views.css" /> // map, grid...

Add Galaxy default setup files

    <script type="text/javascript" src="app/galaxy-core.js"></script> // include dependencies
    <script type="text/javascript" src="app/galaxy-conf.js"></script> // user settings

And then, connect your database...

    <script type="text/javascript" src="data/layers.js"></script> // user layers def.
    <script type="text/javascript" src="data/features.js"></script> // user actions
    <script type="text/javascript" src="data/localdb.js"></script> // path to json/csv files and tiles
    <script type="text/javascript" src="data/serverdb.js"></script> // server storage connection

And the last step, include the container DIV where you like, it will adjust to the available space in the screen or in the up-level DIV.

    <div id="galaxy" class="autosize"></div> <!-- Html DIV -->

###THIS DOCUMENTATION IS IN PROGRESS !!!

---

See documentation: https://github.com/KolamInstitute/Galaxy/wiki

====================================================

Files structure

The main application is located in its own folder, separated from the data...

Browsers Tested

====================================================

Test data

the data provided are selected to ...

---

DATA STRUCTURE | LAYERING | STORAGE | CORE | UI | MODULES

Demo app 0.6: http://www.kolam-institute.org/dev/package%20061/index.html

Demo app 0.8: http://www.kolam-institute.org/galaxy/map.html

Demo app 0.9: Coming soon !

---

Goals (V1):

• Data vizualisation: JSON/CSV (See more details)
• Views: Map/table
• Screens: desktop/tablet
• Templates: CSS themes and iconset

Goals (V2):

• Data vizualisation: SHP/PostgreSQL (See more details)
• Views: Charts/timeline
• Screens: smartphone

---

Dependencies

Validator: Implemented Testing Not yet compatible

The Core application includes several external libraries, this add new features like data searching and sorting, visualization and charting...

Core Packages	Release	Status	Link	Comments
Galaxy.js	0.9.3		https://github.com/Kolaminstitute/Galaxy	UI engine
Leaflet.js	0.5.1		https://github.com/Leaflet/Leaflet	Map view engine
Recline.js	0.7.0		https://github.com/okfn/recline	Data bind engine
D3.js	3.0.6		https://github.com/mbostock/d3	Data view engine

The UI is adapted to various plateforms, from desktop to mobile devices. In case of non-supported devices, it goes to pure html template

UI Packages	Release	Status	Link	Comments
JQuery.js	0.5.1		https://github.com/jquery/jquery	no comments yet
JQmobile.js	0.7.0		https://github.com/jquery/jquery-mobile	no comments yet

---

There is a set of plugins, mostly map related, to add some extra tools

Plugins	Release	Status	Link	Comments
Leaflet.markercluster.js	0.5.1		https://github.com/Leaflet/Leaflet	no comments yet
Leaflet.label.js	0.7.0		https://github.com/okfn/recline	no comments yet
Leaflet.geoCSV.js	3.0.6		https://github.com/mbostock/d3	no comments yet
Leaflet.draw.js	3.0.6		https://github.com/mbostock/d3	no comments yet
Leaflet.search.js	3.0.6		https://github.com/mbostock/d3	no comments yet
Leaflet.hash.js	3.0.6		https://github.com/mbostock/d3	no comments yet
Proj4Leaflet.js	3.0.6		https://github.com/mbostock/d3	no comments yet

The documentation is including several examples of configuration and usages.