JS knihovny
Cvičení 7
Z8144 Počítačová grafika v kartografii
Jaro 2019
Šimon Leitgeb
. . . . . . . . . . . . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Proč?
hotové (není nutno znovu dělat stejnou práci)
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Proč?
hotové (není nutno znovu dělat stejnou práci)
optimalizované (optimalizace je ”ta druhá” fáze)
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Proč?
hotové (není nutno znovu dělat stejnou práci)
optimalizované (optimalizace je ”ta druhá” fáze)
vhodně navržené (tvůrce je často odborníkem v oblasti)
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Proč?
hotové (není nutno znovu dělat stejnou práci)
optimalizované (optimalizace je ”ta druhá” fáze)
vhodně navržené (tvůrce je často odborníkem v oblasti)
aktualizované (používá je více lidí)
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Nevýhody
nejednotné
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Nevýhody
nejednotné
nutné se naučit „něco“ navíc
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Proč?
Nevýhody
Nevýhody
nejednotné
nutné se naučit „něco“ navíc
ze začátku problém zvolit vhodnou knihovnu
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Obecné knihovny
http://en.wikipedia.org/wiki/List_of_JavaScript_libraries
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
jQuery
http://jquery.com/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Dojo
https://dojo.io/
https://dojotoolkit.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
MooTools
http://mootools.net/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Underscore
http://underscorejs.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
SVG
Načítání a manipulace s SVG
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
Raphaël JS
http://dmitrybaranovskiy.github.io/raphael/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
D3.js
https://d3js.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
Snap.svg
http://snapsvg.io/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
SVG.js
https://svgjs.com/docs/2.7/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
SVG
Načítání a manipulace s SVG
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
Fabric.js
http://fabricjs.com/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
Processing.js
http://processingjs.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
SVG
Canvas
Konva
https://konvajs.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Mapové vizualizace
Práce s SVG, různorodé vizualizace
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
D3.js
https://d3js.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Kartograph.js
http://kartograph.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Raphaël JS
http://raphaeljs.com/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Polymaps
http://polymaps.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
AMCharts
http://www.amcharts.com/javascript-maps/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Slippy maps
Převládající webové mapy, podklady, přidané vrstvy
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Leaflet
https://leafletjs.com/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
OpenLayers
https://openlayers.org/
Šimon Leitgeb JS knihovny
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Knihovny v JS
Obecné knihovny
Grafické knihovny
Kartografické knihovny
Mapové vizualizace
Slippy maps
Google Maps API
https://developers.google.com/maps/documentation/
javascript/
Šimon Leitgeb JS knihovny
Díky za pozornost!
https://discord.gg/UHTPUDU
. . . . . . . . . . . . . . . . . . . .