Work in progress: I have added some of my billing addresses to the base map, and I am animating the flow of money from us to them. Still working out the basics. I am using leaflet to render the map, and I borrowed some stock SVG icons as placeholders. The final goal would be to visually see a years worth of activity with accurate volume distinction.
I could see this being useful if you wanted to shop local and look for evidence of you behavior actually changing.
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -77.192625, 38.9064576 ]
},
"properties": {
"name": "Capitol One",
"description": "Credit Card"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -122.4048063,37.7933827 ]
},
"properties": {
"name": "Wells Fargo",
"description": "Mortgage"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-73.7045805,41.0721832 ]
},
"properties": {
"name": "Spectrum",
"description": "Internet"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-81.3063154063548,29.027793316117492]
},
"properties": {
"name": "DeLand",
"description": "Utilities and Taxes"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-98.6150773,29.6050084]
},
"properties": {
"name": "Security Service Federal Credit Union",
"description": "Car Loan"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -80.84831938313883,35.22408596645538]
},
"properties": {
"name": "Duke Energy",
"description": "Electricity"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-73.98483942658561,40.75462921171781]
},
"properties": {
"name": "Verizon",
"description": "Phones"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -81.36649581403645, 28.750284297953826]
},
"properties": {
"name": "RP Funding",
"description": "Mortgage"
}
}
]
}Will need to learn how to usepelias for performing your own geocoding.