Spending Map

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.

The GeoJSON for the bills


{
    "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.