Data Visualization in React

Quest: Ekin Alcar -Twitter

Embedded Asset

{
  "nodeType": "embedded-asset-block",
  "content": [],
  "data": {
    "target": {
      "__typename": "ContentfulAsset",
      "contentful_id": "1AuwvFWTZkmA4vRLXxgZcA",
      "fixed": {
        "width": 1600,
        "height": 1067,
        "src": "//images.ctfassets.net/olljxk6hu2kb/1AuwvFWTZkmA4vRLXxgZcA/0aac73c732dd66737e8421240931a3a9/wright-brand-bacon-cSO4uqybDhU-unsplash.jpg?w=1600&q=50",
        "srcSet": "//images.ctfassets.net/olljxk6hu2kb/1AuwvFWTZkmA4vRLXxgZcA/0aac73c732dd66737e8421240931a3a9/wright-brand-bacon-cSO4uqybDhU-unsplash.jpg?w=1600&h=1067&q=50 1x,\n//images.ctfassets.net/olljxk6hu2kb/1AuwvFWTZkmA4vRLXxgZcA/0aac73c732dd66737e8421240931a3a9/wright-brand-bacon-cSO4uqybDhU-unsplash.jpg?w=2400&h=1600&q=50 1.5x,\n//images.ctfassets.net/olljxk6hu2kb/1AuwvFWTZkmA4vRLXxgZcA/0aac73c732dd66737e8421240931a3a9/wright-brand-bacon-cSO4uqybDhU-unsplash.jpg?w=3200&h=2133&q=50 2x"
      },
      "sys": {
        "type": "Asset",
        "id": "1AuwvFWTZkmA4vRLXxgZcA"
      }
    }
  }
}

adadasd

• asdad

• adasd

• adsadsa

• dasdasdas

ekin alcar medium

Embedded Asset

{
  "nodeType": "embedded-asset-block",
  "content": [],
  "data": {
    "target": {
      "__typename": "ContentfulAsset",
      "contentful_id": "2xJBoOauBknak7LY6FFSga",
      "fixed": {
        "width": 1600,
        "height": 778,
        "src": "//images.ctfassets.net/olljxk6hu2kb/2xJBoOauBknak7LY6FFSga/7087e1978a04cb56082a52b1e0251d58/small.jpg?w=1600&q=50",
        "srcSet": ""
      },
      "sys": {
        "type": "Asset",
        "id": "2xJBoOauBknak7LY6FFSga"
      }
    }
  }
}