The Los Angeles Times has created a real clever interactive map visualizing Every Shot Kobe Bryant Ever Took. The map allows y'all to explore all 30,699 shots made past times Kobe Brynt inwards his long career.
The regal dots on the map dot his successful shots in addition to the yellowish dots present his misses. You tin mouse-over whatever of the dots on the map to detect out which game it was made in, the distance in addition to the appointment of the game.
I tell the map is real clever, in addition to it is, nonetheless creating your ain simplified version of the map would live on relatively simple. The LA Times map was made amongst CartoDB in addition to Leaflet.js. To practise this sort of map inwards Leaflet y'all simply quest to gear upwards an empty map sail (with no base of operations map). You tin in addition to then practise your court, pitch. playing plain (or whatever) past times drawing polylines on your empty map canvas. You tin in addition to then operate map markers to dot the pose where shots, plain goals etc were made from. Marker pop-ups tin in addition to then live on used to furnish information on private shots or goals.
If y'all bring unopen to sports information that y'all desire to map the major line would live on inwards transferring the co-ordinate organization to piece of occupation amongst an interactive Leaflet map.
To present how slowly this sort of map is I spent thirty minutes creating this soccer example. I chop-chop sketched out i cease of a soccer pitch using polylines in addition to added markers to present the pose of a twain of free-kick goals scored past times Dimitri Payet of West Ham United.
I haven't quite added equally many points equally the 30,699 shots inwards the Kobe Bryant map. However I intend y'all tin come across from my map how y'all could operate Leaflet.js inwards this rather elementary means to practise a real cracking visualization of sport data.
