{"id":1002,"date":"2022-04-18T13:17:00","date_gmt":"2022-04-18T17:17:00","guid":{"rendered":"https:\/\/www.jrforonda.com\/art\/?p=1002"},"modified":"2022-04-18T15:36:42","modified_gmt":"2022-04-18T19:36:42","slug":"graphjs-power-grids","status":"publish","type":"post","link":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/","title":{"rendered":"Graph.JS &#8211; Marvel Power Grid Exploration"},"content":{"rendered":"\n<p>My <a rel=\"noreferrer noopener\" href=\"https:\/\/www.chartjs.org\/\" data-type=\"URL\" data-id=\"https:\/\/www.chartjs.org\/\" target=\"_blank\">Graph.js<\/a> dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"350\" data-id=\"1128\" src=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg\" alt=\"Marvel's Power Grid Line Chart\" class=\"wp-image-1128\" srcset=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg 248w, https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01-213x300.jpeg 213w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><figcaption>Wolverine | 1992 Impel X-Men #2<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"249\" height=\"350\" data-id=\"1121\" src=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-08.jpeg\" alt=\"Wolverine | 2015 Fleer Retro Marvel - 1992 Impel\" class=\"wp-image-1121\" srcset=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-08.jpeg 249w, https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-08-213x300.jpeg 213w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><figcaption>Wolverine | 2015 Fleer Retro Marvel &#8211; 1992 Impel\n<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"251\" height=\"350\" data-id=\"1123\" src=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-06.jpeg\" alt=\"\" class=\"wp-image-1123\" srcset=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-06.jpeg 251w, https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-06-215x300.jpeg 215w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><figcaption>Wolverine | Power Ratings<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"213\" data-id=\"1129\" src=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-11.jpeg\" alt=\"Marvel's Powergrid - Fan Votes vs. Official Ratings\" class=\"wp-image-1129\" srcset=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-11.jpeg 315w, https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-11-300x203.jpeg 300w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><figcaption>Wolverine &#8211; Powergrid (Fan Votes vs. Official Ratings)<\/figcaption><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/2.9.4\/Chart.js\"><\/script><br \/>\n<canvas id=\"line-chart\" style=\"background-color:#d0db28;width:100%;max-width:800px\"><\/canvas><br \/>\n<script>\nnew Chart(document.getElementById(\"line-chart\"), {\n  type: 'line',\n  data: {\n    labels: [null,\"ENERGY PROJECTION\", \"MENTAL POWERS\", \"STRENGTH\", \"FIGHTING ABILITY\", \"INTELLIGENCE\",null],\n    datasets: [{ \n        data: [0,1, 1, 2, 7, 2, 0],\n        label: \"Power Ratings\",\n        borderColor: \"#3e95cd\",\n        fill: false,\n        lineTension: 0,\n        borderColor: 'rgb(255, 99, 132)',\n        borderWidth: 4,\n        fill: false,\n        beginAtZero: true\n      }\n    ]\n  },\n  options: {\n    title: {\n      display: true,\n      text: 'WOLVERINE - 1992'\n    },\n    scales: {\n            yAxes: [{\n                ticks: {\n                  beginAtZero: true,\n                  fontSize: 10,\n                  min: 0,\n                  max: 7,\n                  stepSize: 1\n                },\ngridLines: {\n                  color: \"#6fb7da\",\n              }\n            }],\nxAxes: [{\n                ticks: {\n                  beginAtZero: true,\n                  fontSize: 10,\n                  stepSize: 1\n                },\ngridLines: {\n                  color: \"#6fb7da\",\n              }\n            }]\n          }\n  }\n});\n<\/script><\/p>\n<p><canvas id=\"line-chart-2\" style=\"background-color:#bbc524;width:100%;max-width:800px\"><\/canvas><br \/>\n<script>\nnew Chart(document.getElementById(\"line-chart-2\"), {\n  type: 'line',\n  data: {\n    labels: [null,\"INTEL\", \"STRENGTH\",\"SPEED\",\"DURABILITY\",\"ENERGY\",\"FIGHT\",null],\n    datasets: [{ \n        data: [0, 2, 4, 2, 4, 1, 7, 0],\n        label: \"Power Ratings\",\n        borderColor: \"#3e95cd\",\n        fill: false,\n        lineTension: 0,\n        borderColor: 'rgb(255, 99, 132)',\n        borderWidth: 4,\n        fill: true,\n        beginAtZero: true\n      }\n    ]\n  },\n  options: {\n    title: {\n      display: true,\n      text: 'WOLVERINE - 2015'\n    },\n    scales: {\n            yAxes: [{\n                ticks: {\n                  beginAtZero: true,\n                  fontSize: 10,\n                  min: 0,\n                  max: 7,\n                  stepSize: 1\n                },\ngridLines: {\n                  color: \"#024959\",\n              }\n            }],\nxAxes: [{\n                ticks: {\n                  beginAtZero: true,\n                  fontSize: 10,\n                  stepSize: 1\n                },\ngridLines: {\n                  color: \"#024959\",\n              }\n            }]\n          }\n  }\n});\n<\/script><\/p>\n\n\n<div class=\"chart-container\">\n  <canvas id=\"chartjs-2\" style=\"background-color:#FFFFFF;width:100%;max-width:800px\"><\/canvas><br \/>\n  <script> new Chart(document.getElementById(\"chartjs-2\"), {\n    \"type\": \"horizontalBar\",\n    \"data\": {\n      \"labels\": [\"STRENGTH\", \"SPEED\", \"FIGHTING\", \"ENERGY\", \"DURABILITY\", \"INTELLIGENCE\"],\n      \"datasets\": [{\n        \"label\": \"POWER RATINGS\",\n        \"data\": [4, 2, 7, 1, 4, 2],\n        \"fill\": false,\n        \"backgroundColor\": [\"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\", \"rgba(255, 99, 132, 0.2)\"],\n        \"borderColor\": [\"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\", \"rgb(255, 99, 132)\"],\n        \"borderWidth\": 1\n      }]\n    },\n    \"options\": {\n    title: {\n      display: true,\n      text: 'WOLVERINE'\n    },\n      \"scales\": {\n        \"xAxes\": [{\n          \"ticks\": {\n            \"beginAtZero\": true,\n            \"min\": 0,\n            \"max\": 7\n          }\n        }]\n      }\n    }\n  }); <\/script><\/div>\n\n\n<p><canvas id=\"chartjs-fan\" style=\"background-color:#eeeeee;width:100%;max-width:800px\"><\/canvas><br \/>\n  <script>\nnew Chart(document.getElementById(\"chartjs-fan\"), {\n    \"type\": \"horizontalBar\",\n    \"data\": {\n      \"labels\": [\"INTELLIGENCE\", \"STRENGTH\", \"SPEED\", \"DURABILITY\", \"ENERGY PROJECTION\", \"FIGHTING SKILLS\"],\n      \"datasets\": [{\n        \"label\": \"FAN VOTES\",\n        \"data\": [6, 6, 6, 7, 4, 7],\n        \"fill\": false,\n        \"backgroundColor\": [\"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\"],\n        \"borderColor\": [\"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\", \"#d62139\"],\n        \"borderWidth\": 1\n      },\n      {\"label\": \"OFFICIAL RATINGS\",\n        \"data\": [2, 4, 3, 4, 1, 7],\n        \"fill\": false,\n        \"backgroundColor\": [\"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\"],\n        \"borderColor\": [\"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\", \"#349cff\"],\n        \"borderWidth\": 1}],\n    },\n    \"options\": {\n    title: {\n      display: true,\n      text: 'WOLVERINE'\n    },\n      \"scales\": {\n        \"xAxes\": [{\n          \"ticks\": {\n            \"beginAtZero\": true,\n            \"fontSize\": 12,\n            \"min\": 0,\n            \"max\": 7,\n            \"fontColor\": '#363636'\n          },\ngridLines: {\n                  color: \"#666\",\n              }\n        }],\n\"yAxes\": [{\n          \"ticks\": {\n            \"fontColor\": '#363636',\n            \"fontSize\": 10\n          },\ngridLines: {\n                  color: \"#eeeeee\",\n              }\n        }]\n      }\n    }\n  }); <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-1002","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda<\/title>\n<meta name=\"description\" content=\"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda\" \/>\n<meta property=\"og:description\" content=\"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/\" \/>\n<meta property=\"og:site_name\" content=\"Jay-Ar Foronda\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-18T17:17:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-18T19:36:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg\" \/>\n<meta name=\"author\" content=\"Jay-Ar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jay-Ar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/\"},\"author\":{\"name\":\"Jay-Ar\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#\\\/schema\\\/person\\\/356ce397499dacfd52b8ba36bf07ada3\"},\"headline\":\"Graph.JS &#8211; Marvel Power Grid Exploration\",\"datePublished\":\"2022-04-18T17:17:00+00:00\",\"dateModified\":\"2022-04-18T19:36:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/\"},\"wordCount\":51,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#\\\/schema\\\/person\\\/356ce397499dacfd52b8ba36bf07ada3\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/wolverine-powergrid-01.jpeg\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/\",\"url\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/\",\"name\":\"Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/wolverine-powergrid-01.jpeg\",\"datePublished\":\"2022-04-18T17:17:00+00:00\",\"dateModified\":\"2022-04-18T19:36:42+00:00\",\"description\":\"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/wolverine-powergrid-01.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/wolverine-powergrid-01.jpeg\",\"width\":248,\"height\":350,\"caption\":\"1992 Impel X-Men #2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/2022\\\/04\\\/18\\\/graphjs-power-grids\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graph.JS &#8211; Marvel Power Grid Exploration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#website\",\"url\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/\",\"name\":\"Jay-Ar Foronda\",\"description\":\"The Work of Jay-Ar Foronda\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#\\\/schema\\\/person\\\/356ce397499dacfd52b8ba36bf07ada3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/#\\\/schema\\\/person\\\/356ce397499dacfd52b8ba36bf07ada3\",\"name\":\"Jay-Ar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g\",\"caption\":\"Jay-Ar\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g\"},\"description\":\"Jay-Ar is a designer based in Durham, North Carolina. He is a digital accessibility professional with over 14 years of design experience as a UX generalist with a passion for design systems and advocating for diverse cultures and communities.\",\"sameAs\":[\"https:\\\/\\\/www.jrforonda.com\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/jrforonda\\\/\"],\"url\":\"https:\\\/\\\/www.jrforonda.com\\\/art\\\/author\\\/jrforonda-2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda","description":"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/","og_locale":"en_US","og_type":"article","og_title":"Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda","og_description":"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.","og_url":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/","og_site_name":"Jay-Ar Foronda","article_published_time":"2022-04-18T17:17:00+00:00","article_modified_time":"2022-04-18T19:36:42+00:00","og_image":[{"url":"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg","type":"","width":"","height":""}],"author":"Jay-Ar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jay-Ar","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#article","isPartOf":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/"},"author":{"name":"Jay-Ar","@id":"https:\/\/www.jrforonda.com\/art\/#\/schema\/person\/356ce397499dacfd52b8ba36bf07ada3"},"headline":"Graph.JS &#8211; Marvel Power Grid Exploration","datePublished":"2022-04-18T17:17:00+00:00","dateModified":"2022-04-18T19:36:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/"},"wordCount":51,"commentCount":0,"publisher":{"@id":"https:\/\/www.jrforonda.com\/art\/#\/schema\/person\/356ce397499dacfd52b8ba36bf07ada3"},"image":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/","url":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/","name":"Graph.JS - Marvel Power Grid Exploration &#8226; Jay-Ar Foronda","isPartOf":{"@id":"https:\/\/www.jrforonda.com\/art\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#primaryimage"},"image":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg","datePublished":"2022-04-18T17:17:00+00:00","dateModified":"2022-04-18T19:36:42+00:00","description":"My Graph.js dev exploration using popular trading card sets from the 1990s as inspiration. Creative exploration with that Wolverine&nbsp;type&nbsp;energy.","breadcrumb":{"@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#primaryimage","url":"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg","contentUrl":"https:\/\/www.jrforonda.com\/art\/wp-content\/uploads\/2022\/04\/wolverine-powergrid-01.jpeg","width":248,"height":350,"caption":"1992 Impel X-Men #2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jrforonda.com\/art\/2022\/04\/18\/graphjs-power-grids\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jrforonda.com\/art\/"},{"@type":"ListItem","position":2,"name":"Graph.JS &#8211; Marvel Power Grid Exploration"}]},{"@type":"WebSite","@id":"https:\/\/www.jrforonda.com\/art\/#website","url":"https:\/\/www.jrforonda.com\/art\/","name":"Jay-Ar Foronda","description":"The Work of Jay-Ar Foronda","publisher":{"@id":"https:\/\/www.jrforonda.com\/art\/#\/schema\/person\/356ce397499dacfd52b8ba36bf07ada3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jrforonda.com\/art\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.jrforonda.com\/art\/#\/schema\/person\/356ce397499dacfd52b8ba36bf07ada3","name":"Jay-Ar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g","caption":"Jay-Ar"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/e82768e34a1613bd4e00b2d5af4a7ad1723ba169e383891cdb0e7694a836ec3c?s=96&d=mm&r=g"},"description":"Jay-Ar is a designer based in Durham, North Carolina. He is a digital accessibility professional with over 14 years of design experience as a UX generalist with a passion for design systems and advocating for diverse cultures and communities.","sameAs":["https:\/\/www.jrforonda.com","https:\/\/www.linkedin.com\/in\/jrforonda\/"],"url":"https:\/\/www.jrforonda.com\/art\/author\/jrforonda-2\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/posts\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":117,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/posts\/1002\/revisions"}],"predecessor-version":[{"id":1149,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/posts\/1002\/revisions\/1149"}],"wp:attachment":[{"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/categories?post=1002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jrforonda.com\/art\/wp-json\/wp\/v2\/tags?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}