The Los Angeles Times has created a really clever interactive map visualizing Every Shot Kobe Bryant Ever Took. The map allows y'all to explore all 30,699 shots made yesteryear Kobe Brynt inward his long career.
The imperial dots on the map dot his successful shots together with the xanthous dots exhibit his misses. You tin mouse-over whatsoever of the dots on the map to detect out which game it was made in, the distance together with the appointment of the game.
I tell the map is really clever, together with it is, nevertheless creating your ain simplified version of the map would hold upwards relatively simple. The LA Times map was made alongside CartoDB together with Leaflet.js. To exercise this form of map inward Leaflet y'all simply necessitate to ready an empty map sail (with no base of operations map). You tin together with then exercise your court, pitch. playing plain (or whatever) yesteryear drawing polylines on your empty map canvas. You tin together with then piece of occupation map markers to dot the put where shots, plain goals etc were made from. Marker pop-ups tin together with then hold upwards used to supply information on private shots or goals.
If y'all convey simply about sports information that y'all desire to map the major line of piece of occupation would hold upwards inward transferring the co-ordinate organization to piece of occupation alongside an interactive Leaflet map.
To exhibit how slow this form of map is I spent thirty minutes creating this soccer example. I rapidly sketched out 1 terminate of a soccer pitch using polylines together with added markers to exhibit the put of a brace of free-kick goals scored yesteryear Dimitri Payet of West Ham United.
I haven't quite added every bit many points every bit the 30,699 shots inward the Kobe Bryant map. However I mean value y'all tin meet from my map how y'all could piece of occupation Leaflet.js inward this rather uncomplicated agency to exercise a really corking visualization of sport data.
I tell the map is really clever, together with it is, nevertheless creating your ain simplified version of the map would hold upwards relatively simple. The LA Times map was made alongside CartoDB together with Leaflet.js. To exercise this form of map inward Leaflet y'all simply necessitate to ready an empty map sail (with no base of operations map). You tin together with then exercise your court, pitch. playing plain (or whatever) yesteryear drawing polylines on your empty map canvas. You tin together with then piece of occupation map markers to dot the put where shots, plain goals etc were made from. Marker pop-ups tin together with then hold upwards used to supply information on private shots or goals.
If y'all convey simply about sports information that y'all desire to map the major line of piece of occupation would hold upwards inward transferring the co-ordinate organization to piece of occupation alongside an interactive Leaflet map.
To exhibit how slow this form of map is I spent thirty minutes creating this soccer example. I rapidly sketched out 1 terminate of a soccer pitch using polylines together with added markers to exhibit the put of a brace of free-kick goals scored yesteryear Dimitri Payet of West Ham United.
I haven't quite added every bit many points every bit the 30,699 shots inward the Kobe Bryant map. However I mean value y'all tin meet from my map how y'all could piece of occupation Leaflet.js inward this rather uncomplicated agency to exercise a really corking visualization of sport data.
Buat lebih berguna, kongsi:
