Інтерактивна анімована мапа для транспортної компанії. 2013 рік. Для вибраної категорії продукції відображаються порти та залізничні станції, через які здійснюється експорт, або заводи, що працюють на внутрішні ринки. При виборі порту чи станції промальовуються маршрути і країни імпортери. Векторна графіка реалізована на Raphael.js (зараз використовую сучасніші бібліотеки типу SVG.js). Для зручності редагування, всі дані (контури, локації, назви, взаємозв'язки) містяться у SVG-зображенні, яке при запиті з баузера парситься, кешується і передається у форматі JSON.
#карта #мапа #анімація #графіка #віджет #js #javascript #json #ajax #svg #raphaeljs #svgjs #jquery #php #xml #html #css
#карта #мапа #анімація #графіка #віджет #js #javascript #json #ajax #svg #raphaeljs #svgjs #jquery #php #xml #html #css