fresh block dfjs

.block

license: mit

README.md

Built with blockbuilder.org

Data: https://www.json-generator.com/

forked from anonymous's block: fresh block R style

generated.json

[
  {
    "_id": "5a2c897fca5efb03d086ea08",
    "index": 0,
    "guid": "fc28cc35-8464-48a5-af03-30df97b45da8",
    "isActive": false,
    "balance": "$1,760.08",
    "picture": "http://placehold.it/32x32",
    "age": 24,
    "eyeColor": "blue",
    "name": "Glass Terrell",
    "gender": "male",
    "company": "ICOLOGY",
    "email": "glassterrell@icology.com",
    "phone": "+1 (829) 447-3985",
    "address": "482 President Street, Marshall, Guam, 9083",
    "about": "Anim sint dolore cupidatat pariatur sit incididunt voluptate fugiat nisi. Dolor amet irure voluptate tempor aliquip excepteur qui cillum. Quis nulla qui ad et nulla aliquip velit labore aliqua elit sint amet consequat. Ullamco cillum aliquip non cupidatat eu adipisicing commodo. Dolore occaecat officia velit nostrud velit enim do mollit ullamco ex tempor consequat dolor. Sunt do labore nisi pariatur laborum amet ea. Magna velit aliquip Lorem reprehenderit fugiat enim eu culpa.\r\n",
    "registered": "2016-08-21T02:12:34 +07:00",
    "latitude": 72.72266,
    "longitude": -42.972568,
    "tags": [
      "do",
      "nisi",
      "eiusmod",
      "amet",
      "aliquip",
      "duis",
      "exercitation"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Stephens Walls"
      },
      {
        "id": 1,
        "name": "Dominique Carney"
      },
      {
        "id": 2,
        "name": "Annie Sanchez"
      }
    ],
    "greeting": "Hello, Glass Terrell! You have 9 unread messages.",
    "favoriteFruit": "strawberry"
  },
  {
    "_id": "5a2c897fd181b79bd4dc9802",
    "index": 1,
    "guid": "3c90f81d-1c5c-46a9-b42b-6f02eeb71875",
    "isActive": false,
    "balance": "$1,800.18",
    "picture": "http://placehold.it/32x32",
    "age": 21,
    "eyeColor": "brown",
    "name": "Reese Barron",
    "gender": "male",
    "company": "KATAKANA",
    "email": "reesebarron@katakana.com",
    "phone": "+1 (887) 573-3346",
    "address": "672 Ryder Street, Magnolia, Nevada, 2744",
    "about": "Aute id aute minim laboris exercitation proident cupidatat cillum minim qui ut. Esse ad qui sint consectetur ea et fugiat dolore tempor consequat Lorem exercitation. Sint eiusmod ullamco labore esse cillum consequat eu mollit sunt aliqua in ex. Laborum in laborum ex irure deserunt non veniam aute officia ut elit esse sint cupidatat. Cillum anim sunt quis magna eiusmod ullamco proident qui. Sint proident duis consectetur sunt deserunt non laborum ea.\r\n",
    "registered": "2015-09-24T03:35:39 +07:00",
    "latitude": -49.127104,
    "longitude": 22.550158,
    "tags": [
      "adipisicing",
      "aliquip",
      "dolore",
      "cillum",
      "incididunt",
      "sit",
      "reprehenderit"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Pace Summers"
      },
      {
        "id": 1,
        "name": "Doris Mccarthy"
      },
      {
        "id": 2,
        "name": "Cameron Stokes"
      }
    ],
    "greeting": "Hello, Reese Barron! You have 4 unread messages.",
    "favoriteFruit": "banana"
  },
  {
    "_id": "5a2c897ff691210e5eaef2e1",
    "index": 2,
    "guid": "938f8813-0f43-44a4-8f34-6a694149c317",
    "isActive": false,
    "balance": "$3,505.97",
    "picture": "http://placehold.it/32x32",
    "age": 35,
    "eyeColor": "brown",
    "name": "Katheryn Shields",
    "gender": "female",
    "company": "EXTRAGENE",
    "email": "katherynshields@extragene.com",
    "phone": "+1 (950) 440-2580",
    "address": "256 Lefferts Avenue, Waiohinu, Maine, 1363",
    "about": "Amet enim amet eu Lorem sit elit exercitation amet culpa occaecat nostrud commodo commodo. Cillum ipsum incididunt mollit qui mollit do magna Lorem. Eu enim exercitation veniam duis. Elit cillum do ad sint amet excepteur. Lorem sint aliqua officia velit qui esse Lorem labore incididunt. Est ullamco sint occaecat id irure labore ea elit consectetur nostrud esse deserunt. Proident Lorem ad enim esse.\r\n",
    "registered": "2015-03-24T08:40:20 +07:00",
    "latitude": 61.065681,
    "longitude": 130.428507,
    "tags": [
      "do",
      "sint",
      "dolor",
      "incididunt",
      "et",
      "sint",
      "in"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Sanchez Stanley"
      },
      {
        "id": 1,
        "name": "Emma Welch"
      },
      {
        "id": 2,
        "name": "Teri Cross"
      }
    ],
    "greeting": "Hello, Katheryn Shields! You have 7 unread messages.",
    "favoriteFruit": "strawberry"
  },
  {
    "_id": "5a2c897f6cc3cff98a19519b",
    "index": 3,
    "guid": "a82a9c00-238c-48a4-9bf7-a0ba46beffd8",
    "isActive": true,
    "balance": "$3,641.81",
    "picture": "http://placehold.it/32x32",
    "age": 38,
    "eyeColor": "brown",
    "name": "Lauri Ingram",
    "gender": "female",
    "company": "XIXAN",
    "email": "lauriingram@xixan.com",
    "phone": "+1 (925) 569-2274",
    "address": "949 Cortelyou Road, Saticoy, North Carolina, 3907",
    "about": "Ad dolor magna sunt esse tempor aliquip ad est nisi. Officia in velit ea minim sunt reprehenderit excepteur esse aliqua ipsum proident nulla. In labore minim ipsum irure id velit fugiat do est nulla qui do. Deserunt laboris non proident consectetur quis mollit mollit elit culpa in incididunt ullamco laborum. Nisi do tempor elit velit do ullamco qui eiusmod laboris proident commodo est. Velit ex ex aliquip ullamco quis aute fugiat sunt occaecat enim culpa id mollit deserunt. In cupidatat exercitation fugiat et do dolor anim veniam cupidatat non laboris.\r\n",
    "registered": "2016-10-31T02:14:54 +07:00",
    "latitude": 78.584834,
    "longitude": 30.477732,
    "tags": [
      "aliquip",
      "id",
      "anim",
      "id",
      "non",
      "reprehenderit",
      "velit"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Melva Villarreal"
      },
      {
        "id": 1,
        "name": "Dodson Dejesus"
      },
      {
        "id": 2,
        "name": "Ramsey Webb"
      }
    ],
    "greeting": "Hello, Lauri Ingram! You have 3 unread messages.",
    "favoriteFruit": "banana"
  },
  {
    "_id": "5a2c897f8f8af4f2caf0ce46",
    "index": 4,
    "guid": "98b75311-7af4-4b72-afac-985543a3d1be",
    "isActive": true,
    "balance": "$1,208.93",
    "picture": "http://placehold.it/32x32",
    "age": 37,
    "eyeColor": "blue",
    "name": "Blair Ellis",
    "gender": "male",
    "company": "TWIGGERY",
    "email": "blairellis@twiggery.com",
    "phone": "+1 (984) 415-3388",
    "address": "943 Kane Street, Camptown, New Jersey, 7462",
    "about": "Voluptate elit fugiat pariatur incididunt veniam. Laborum consectetur ipsum consectetur nulla laborum minim irure sint non consequat. Ad qui dolor irure excepteur. Deserunt consequat officia eiusmod nisi et sunt sunt minim fugiat deserunt. Anim laboris occaecat tempor labore reprehenderit. Adipisicing esse laboris cupidatat sunt in ipsum consectetur nostrud est id ipsum anim.\r\n",
    "registered": "2015-03-09T04:04:11 +07:00",
    "latitude": -43.09396,
    "longitude": -133.914659,
    "tags": [
      "laborum",
      "consectetur",
      "enim",
      "qui",
      "quis",
      "irure",
      "deserunt"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Barnes Lindsey"
      },
      {
        "id": 1,
        "name": "Joy Frederick"
      },
      {
        "id": 2,
        "name": "April Clarke"
      }
    ],
    "greeting": "Hello, Blair Ellis! You have 7 unread messages.",
    "favoriteFruit": "banana"
  },
  {
    "_id": "5a2c897fdc568060c6c79be3",
    "index": 5,
    "guid": "a73c430d-f592-4898-a225-65286e2b51b8",
    "isActive": true,
    "balance": "$3,703.52",
    "picture": "http://placehold.it/32x32",
    "age": 22,
    "eyeColor": "blue",
    "name": "Larsen Hurley",
    "gender": "male",
    "company": "NAVIR",
    "email": "larsenhurley@navir.com",
    "phone": "+1 (869) 560-2776",
    "address": "568 Jamison Lane, Thornport, Alaska, 3871",
    "about": "Velit ea dolore sit sint pariatur consequat. Laboris ullamco magna voluptate nisi consectetur adipisicing culpa elit est irure aliqua dolore. Do non ad aliquip commodo in elit deserunt excepteur do cupidatat id proident tempor consectetur.\r\n",
    "registered": "2014-03-29T01:41:37 +07:00",
    "latitude": -6.151839,
    "longitude": -42.294319,
    "tags": [
      "laborum",
      "sint",
      "cillum",
      "eiusmod",
      "ex",
      "ipsum",
      "consectetur"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Sparks Scott"
      },
      {
        "id": 1,
        "name": "Hobbs Britt"
      },
      {
        "id": 2,
        "name": "Gill Cardenas"
      }
    ],
    "greeting": "Hello, Larsen Hurley! You have 8 unread messages.",
    "favoriteFruit": "banana"
  },
  {
    "_id": "5a2c897fcccb26625e0249fc",
    "index": 6,
    "guid": "214fa255-8476-4926-bb78-f893bd0ffe8b",
    "isActive": false,
    "balance": "$1,784.29",
    "picture": "http://placehold.it/32x32",
    "age": 26,
    "eyeColor": "brown",
    "name": "Bette Franklin",
    "gender": "female",
    "company": "ZBOO",
    "email": "bettefranklin@zboo.com",
    "phone": "+1 (967) 511-2820",
    "address": "748 Cumberland Street, Cloverdale, Kansas, 7259",
    "about": "Lorem pariatur anim nostrud cupidatat reprehenderit irure culpa nulla velit magna exercitation reprehenderit. Non irure excepteur nostrud magna irure nulla voluptate ea nulla sint amet commodo amet. Consectetur aliqua laborum tempor veniam quis quis tempor officia labore dolore. Enim commodo Lorem ea magna ex incididunt dolore. Consequat sit labore culpa laborum pariatur non occaecat.\r\n",
    "registered": "2016-01-30T08:05:07 +08:00",
    "latitude": -33.825306,
    "longitude": -59.454764,
    "tags": [
      "ea",
      "commodo",
      "culpa",
      "in",
      "velit",
      "elit",
      "nisi"
    ],
    "friends": [
      {
        "id": 0,
        "name": "Holmes Farmer"
      },
      {
        "id": 1,
        "name": "Fry Irwin"
      },
      {
        "id": 2,
        "name": "Dorsey Odonnell"
      }
    ],
    "greeting": "Hello, Bette Franklin! You have 9 unread messages.",
    "favoriteFruit": "apple"
  }
]

index.html

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://cdn.rawgit.com/Gmousse/dataframe-js/master/dist/dataframe.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <script>
    
   var DataFrame = dfjs.DataFrame; 
   DataFrame.fromJSON('generated.json').then(df => df);

  </script>
</body>