ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

You can do a lot with d3.js. Here is a demo that is pretty close -> d3-graph-gallery.com/graph/chorop...

Apr 28, 2025, 11:49 AM

Record data

{
  "uri": "at://did:plc:ph6pc7d7pwkilsmq6ev44lp4/app.bsky.feed.post/3lnup4xomc22r",
  "cid": "bafyreignmzzbjlpzcq5342da4klmnuqxzedtutk5agl2aoyy7ephlipbci",
  "value": {
    "text": "You can do a lot with d3.js. Here is a demo that is pretty close -> d3-graph-gallery.com/graph/chorop...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://d3-graph-gallery.com/graph/choropleth_hover_effect.html",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreihxxl344cw2i5rvckmakjfmbfp4pff2tyilo7t4szl4qqkygyx2lu"
          },
          "mimeType": "image/jpeg",
          "size": 104574
        },
        "title": "Choropleth map with hover effect in d3.js",
        "description": "Using d3.js to create a choropleth with regions highlighted on hover. Example with code (d3.js v4 and v6)."
      }
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreiaaatv773zclib4okhk4dyplgtitjivrmihlociz5l2nginedethe",
        "uri": "at://did:plc:vxakvyyapq43xtcl5bro4ite/app.bsky.feed.post/3lnuor35chk2o"
      },
      "parent": {
        "cid": "bafyreiaaatv773zclib4okhk4dyplgtitjivrmihlociz5l2nginedethe",
        "uri": "at://did:plc:vxakvyyapq43xtcl5bro4ite/app.bsky.feed.post/3lnuor35chk2o"
      }
    },
    "facets": [
      {
        "index": {
          "byteEnd": 104,
          "byteStart": 68
        },
        "features": [
          {
            "uri": "https://d3-graph-gallery.com/graph/choropleth_hover_effect.html",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-04-28T11:49:13.249Z"
  }
}