A biodiversity visualization explorer interface using D3.js and leaflet.js

Visualization Demo https://big4-project.gitlab.io/biodiversityMaps

MAP VISUALIZATION####

• Type : Biodiversity visualization

• Goal of visualization : Representation of biodiversity data over a geographical map.

• Data Format : TSV file

• Example :

  Specie      Country     Place   coordinates  Value    
  Species1    country1    Place1  [23,45]     5
  Species2    country2    Place2  [23,45]     5
  Species3    country3    Place3  [23,45]     5
  Species4    country4    Place4  [23,45]     5
  Species5    country5    Place5  [23,45]     5

• Attributes : Using coordinates to create markers on map. If value field is present it represents the size of marker. Currently on circles are suported as markers but other marker option will be added.

Test Data : https://gitlab.com/Big4-Project/biodiversityMaps/blob/master/data/circle_data1.tsv

License :

Jquery : MIT License (MIT) Bootstrap : MIT License (MIT) d3 js : BSD license

Add Screenshots

![Image of visualization] (https://gitlab.com/Big4-Project/biodiversityMaps/data/screenshots/screenshot3.png)

![Image of visualization] (https://gitlab.com/Big4-Project/biodiversityMaps/data/screenshots/screenshot2.png)

![Image of visualization] (https://gitlab.com/Big4-Project/biodiversityMaps/data/screenshots/screenshot1.png)