{"version":"1.0","type":"rich","provider_name":"Catalogus Fastīdiī","provider_url":"https://imknowles.co.uk/CatalogusFastīdiī","width":450,"height":350,"title":"#2500 - tiny charred skeleton","iframe_url":"https://imknowles.co.uk/CatalogusFast%C4%ABdi%C4%AB/monsters/2500/embed","html":"\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\t<head>\r\n\t\t<meta charset=\"UTF-8\" />\r\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />\r\n\t\t<meta name=\"color-scheme\" content=\"dark light\" />\r\n\t\t<title>monster #2500 - tiny charred skeleton Embed | Catalogus Fastīdiī</title>\r\n\t\t<link rel=\"stylesheet\" media=\"screen\" type=\"text/css\" href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/stylesheets/generated/d6c63a6d2f2a83e3884c8cddab745594-main.css\" />\r\n\t\t<link rel=\"preload\" as=\"image\" type=\"image/svg+xml\" href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg\" />\r\n\t</head>\r\n\t<body data-bs-theme=\"dark\" style=\"--sidebarWidth: 0px;overflow-x: visible !important;\">\r\n\t\t<main>\r\n\t\t\r\n\t<section id=\"content\">\r\n\t\r\n<div class=\"card\" id=\"monster-2500\">\r\n\t\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col card-header\">\r\n\t\t\t<div class=\"btn-toolbar justify-content-between\" role=\"toolbar\" aria-label=\"Toolbar with button groups\">\r\n\t\t\t\t<a class=\"d-flex align-items-end fs-5\" href=\"/CatalogusFast%C4%ABdi%C4%AB/monsters/2500\">2500 - a tiny charred skeleton</a>\r\n\t\t\t\t<div>\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tFactoids <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t<div class=\"btn-group\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary\"><a rel=\"noreferrer\" target=\"_blank\" href=\"https://wiki.kingdomofloathing.com/Tiny%20charred%20skeleton\" class=\"card-link\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Open kolwiki article\">wiki</a></button>\r\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary\"><a data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Download .json data\" class=\"\" href=\"/CatalogusFast%C4%ABdi%C4%AB/monsters/2500.json\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#filetype-json\"/>\r\n\t\t\t\t\t</svg></a></button>\r\n\t\t\t\t</div></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col\">\r\n\t\t\t<div class=\"d-flex justify-content-center align-items-center h-100 flex-wrap\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://s3.amazonaws.com/images.kingdomofloathing.com/adventureimages/c25mob1.gif?\" class=\"rounded text-dark\" alt=\"tiny charred skeleton\">\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-5\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">\r\n\t\t\t\t\t<span class=\"\">Attack:</span><span class=\"\">100</span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">Defence: <span class=\"text-end\">100</span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">HP: <span class=\"text-end\">100</span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-5\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Phylum:</span><span>undead</span><meta itemprop=\"phylum\" content=\"undead\"></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Element:</span><span itemprop=\"element\">hot</span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Initiative:</span><span itemprop=\"initiative\">50</span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</div>\r\n\t\r\n\t<div class=\"row g-0\"><div class=\"col\">\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Parts</span>\r\n\t\t\t<div class=\"d-flex flex-row\">\r\n\t\t\t\t<ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">armbone</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">horn</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">legbone</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">rib</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">skull</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">spine</li>\r\n\t\t\t\t\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"card-body\">\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tDisarm <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tEntangle <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tStrangle <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tEl Vibrato restraints <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tHogtie <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\"><a href=\"https://wiki.kingdomofloathing.com/Reanimated_Reanimator\">Reanimated Reanimator</a><ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t</ul></div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\"><a href=\"https://wiki.kingdomofloathing.com/Everfull_Dart_Holster\">Everfull Dart Holster</a><ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex flex-column\"><small>skull</small><div>decrease defence</div></li>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t</ul></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Combat</span>\r\n\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tInsta-killable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tBanishable <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tFree fight <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Copies</span>\r\n\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tCopyable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tWishable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tWanderlust <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"card-body\">\r\n\t\t\t\t<div class=\"d-flex flex-row\">\r\n\t\t\t\t\t<div class=\"d-inline-flex\">\r\n\t\t\t\t\t\t<div class=\"input-group m-1\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#egg-fill\"/>\r\n\t\t\t\t\t\t\t</svg></div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Unlocked 2025-12-16T15:17:01.808936Z[UTC]  in DNA Bank\">✓\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\">2025-12-16</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"d-inline-flex\">\r\n\t\t\t\t\t\t<div class=\"input-group m-1 visually-hidden\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#heart-fill\"/>\r\n\t\t\t\t\t\t\t</svg></div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\">?</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column visually-hidden\" id=\"graph\"><svg id=\"svg\"></svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\r\n\t\t\t\t<div class=\"card-header card-footer\">Habitats</div>\r\n\t\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item flex-fill\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n<div class=\"card my-2\" id=\"area-595\">\r\n\t\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col card-header\"> \r\n\t\t\t<div class=\"btn-toolbar justify-content-between\" role=\"toolbar\" aria-label=\"Toolbar with button groups\">\r\n\t\t\t\t\r\n\t\t\t\t<a class=\"d-flex align-items-end fs-5\" href=\"/CatalogusFast%C4%ABdi%C4%AB/locations/595\">595 - Smoldering Bone Spikes</a>\r\n\t\t\t\t<div>\r\n\t\t\t\t<div class=\"btn-group\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\r\n<a rel=\"noreferrer\" target=\"_blank\" href=\"https://wiki.kingdomofloathing.com/Smoldering%20Bone%20Spikes\" class=\"btn btn-outline-light\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Open wiki article\"><span class=\"btn-link\">wiki</span></a>\r\n\r\n\t\t\t\t\t\r\n<a data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Download .json data\" class=\"btn btn-outline-light\" href=\"\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#filetype-json\"/>\r\n</svg></a>\r\n\t\t\t\t</div></div>\r\n\r\n\t\t\t</div>\r\n\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\">\r\n\t\t\r\n\t\t\t\t\r\n\t\t\r\n\t\t<div class=\"col-md-6\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">\r\n\t\t\t\t\t<span class=\"\">Stat</span><span class=\"\"></span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">Difficulty: <span class=\"text-end\"></span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">environment <span class=\"text-end\"></span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-6\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Place</span><span></span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Citizen of Smoldering Bone Spikes</span><div class=\"col-md-3 d-flex justify-content-between\"><span>5:</span><span>+2 Resistance, +10 Spooky, 10-15 MP Regen</span></div></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span></span><div class=\"col-md-3 d-flex justify-content-between\"><span>1:</span><span>Mys +10</span></div></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\"><div class=\"col\">\r\n\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t<li class=\"list-group-item\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tWanderers <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tOverdrunk <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\r\n\t\t\t\r\n\t\t\t\t<div class=\"card-header card-footer\">Combats<span> ? %</span></div>\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\r\n\t</div></div>\r\n</div>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t\r\n\t\t\t\t</ul>\r\n\t\t\r\n\t</div>\r\n\t</div>\r\n</div>\r\n\t</section>\r\n\r\n\t\t</main>\r\n\t\t<script type=\"text/javascript\">\r\n\t\t\t\tfunction setCssScrollVars() {\r\n\t\t\t\t\tdocument.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.offsetWidth) + 'px');\r\n\t\t\t\t\tconst headerElem = document.getElementById(\"contentHeader\");\r\n\t\t\t\t\tconst headerHeight = headerElem ? headerElem.offsetHeight : 0;\r\n\t\t\t\t\tdocument.documentElement.style.setProperty('--header-height', headerHeight + 'px');\r\n\t\t\t\t}\r\n\t\t\t\tsetCssScrollVars();\r\n\t\t\t\twindow.addEventListener(\"resize\", (event) => setCssScrollVars());\r\n\t\t</script>\r\n\t\t<script src=\"/CatalogusFast%C4%ABdi%C4%AB/webjars/bootstrap/5.3.2/js/bootstrap.min.js\" ></script>\r\n\t\t\r\n\t<script src=\"/CatalogusFast%C4%ABdi%C4%AB/assets/javascripts/187f632d1293a2cfc41dddd594cf6c25-d3.v7.min.js\" type=\"text/javascript\"></script>\r\n\t\r\n\t<script id=\"eggTimes\" type=\"application/json\">{\"completeTime\":\"2025-12-16T15:17:01.808936Z[UTC]\",\"times\":[{\"timestamp\":\"2025-12-15T03:57:02.597577Z\",\"eggsRequired\":99},{\"timestamp\":\"2025-12-15T04:07:03.000197Z\",\"eggsRequired\":99},{\"timestamp\":\"2025-12-15T04:17:03.215147Z\",\"eggsRequired\":93},{\"timestamp\":\"2025-12-15T04:27:03.553443Z\",\"eggsRequired\":93},{\"timestamp\":\"2025-12-15T04:37:02.71135Z\",\"eggsRequired\":91},{\"timestamp\":\"2025-12-15T04:57:02.082914Z\",\"eggsRequired\":91},{\"timestamp\":\"2025-12-15T05:07:02.30823Z\",\"eggsRequired\":88},{\"timestamp\":\"2025-12-15T05:17:02.288421Z\",\"eggsRequired\":88},{\"timestamp\":\"2025-12-15T05:27:02.211419Z\",\"eggsRequired\":87},{\"timestamp\":\"2025-12-15T05:37:02.129426Z\",\"eggsRequired\":86},{\"timestamp\":\"2025-12-15T06:47:02.364642Z\",\"eggsRequired\":86},{\"timestamp\":\"2025-12-15T06:57:01.944963Z\",\"eggsRequired\":85},{\"timestamp\":\"2025-12-15T07:37:01.549053Z\",\"eggsRequired\":85},{\"timestamp\":\"2025-12-15T07:47:02.570902Z\",\"eggsRequired\":83},{\"timestamp\":\"2025-12-15T16:17:02.266535Z\",\"eggsRequired\":83},{\"timestamp\":\"2025-12-15T16:27:01.745697Z\",\"eggsRequired\":82},{\"timestamp\":\"2025-12-15T16:37:02.269887Z\",\"eggsRequired\":81},{\"timestamp\":\"2025-12-15T16:47:02.086428Z\",\"eggsRequired\":81},{\"timestamp\":\"2025-12-15T16:57:02.088095Z\",\"eggsRequired\":77},{\"timestamp\":\"2025-12-15T17:37:01.779917Z\",\"eggsRequired\":77},{\"timestamp\":\"2025-12-15T17:47:01.752364Z\",\"eggsRequired\":74},{\"timestamp\":\"2025-12-15T19:17:02.434619Z\",\"eggsRequired\":74},{\"timestamp\":\"2025-12-15T19:27:02.307344Z\",\"eggsRequired\":71},{\"timestamp\":\"2025-12-15T19:37:02.189788Z\",\"eggsRequired\":71},{\"timestamp\":\"2025-12-15T19:47:02.267392Z\",\"eggsRequired\":70},{\"timestamp\":\"2025-12-15T19:57:02.17413Z\",\"eggsRequired\":68},{\"timestamp\":\"2025-12-15T20:07:01.654719Z\",\"eggsRequired\":65},{\"timestamp\":\"2025-12-15T20:17:01.979331Z\",\"eggsRequired\":64},{\"timestamp\":\"2025-12-15T20:27:02.24287Z\",\"eggsRequired\":63},{\"timestamp\":\"2025-12-15T20:37:02.34748Z\",\"eggsRequired\":63},{\"timestamp\":\"2025-12-15T20:47:02.085393Z\",\"eggsRequired\":62},{\"timestamp\":\"2025-12-15T21:07:02.430311Z\",\"eggsRequired\":62},{\"timestamp\":\"2025-12-15T21:17:01.654669Z\",\"eggsRequired\":59},{\"timestamp\":\"2025-12-15T23:57:02.047041Z\",\"eggsRequired\":59},{\"timestamp\":\"2025-12-16T00:07:02.097703Z\",\"eggsRequired\":56},{\"timestamp\":\"2025-12-16T01:27:01.935586Z\",\"eggsRequired\":56},{\"timestamp\":\"2025-12-16T01:37:02.411549Z\",\"eggsRequired\":53},{\"timestamp\":\"2025-12-16T01:57:02.226398Z\",\"eggsRequired\":53},{\"timestamp\":\"2025-12-16T02:07:01.696219Z\",\"eggsRequired\":47},{\"timestamp\":\"2025-12-16T02:17:01.829939Z\",\"eggsRequired\":42},{\"timestamp\":\"2025-12-16T02:47:02.303446Z\",\"eggsRequired\":42},{\"timestamp\":\"2025-12-16T02:57:02.398577Z\",\"eggsRequired\":33},{\"timestamp\":\"2025-12-16T03:37:02.015688Z\",\"eggsRequired\":33},{\"timestamp\":\"2025-12-16T03:47:02.023Z\",\"eggsRequired\":30},{\"timestamp\":\"2025-12-16T03:57:02.223272Z\",\"eggsRequired\":29},{\"timestamp\":\"2025-12-16T04:27:02.140855Z\",\"eggsRequired\":29},{\"timestamp\":\"2025-12-16T04:37:02.033467Z\",\"eggsRequired\":27},{\"timestamp\":\"2025-12-16T05:27:02.149273Z\",\"eggsRequired\":27},{\"timestamp\":\"2025-12-16T05:37:02.496904Z\",\"eggsRequired\":26},{\"timestamp\":\"2025-12-16T05:47:02.477634Z\",\"eggsRequired\":20},{\"timestamp\":\"2025-12-16T05:57:02.335659Z\",\"eggsRequired\":20},{\"timestamp\":\"2025-12-16T06:07:02.532381Z\",\"eggsRequired\":17},{\"timestamp\":\"2025-12-16T06:17:01.998134Z\",\"eggsRequired\":17},{\"timestamp\":\"2025-12-16T06:27:01.897442Z\",\"eggsRequired\":14},{\"timestamp\":\"2025-12-16T06:47:02.201741Z\",\"eggsRequired\":14},{\"timestamp\":\"2025-12-16T06:57:01.770616Z\",\"eggsRequired\":11},{\"timestamp\":\"2025-12-16T07:27:02.161129Z\",\"eggsRequired\":11},{\"timestamp\":\"2025-12-16T07:37:02.191055Z\",\"eggsRequired\":8},{\"timestamp\":\"2025-12-16T08:17:02.339249Z\",\"eggsRequired\":8},{\"timestamp\":\"2025-12-16T08:27:01.792639Z\",\"eggsRequired\":4},{\"timestamp\":\"2025-12-16T12:57:02.05302Z\",\"eggsRequired\":4},{\"timestamp\":\"2025-12-16T13:07:01.866481Z\",\"eggsRequired\":2},{\"timestamp\":\"2025-12-16T13:37:02.167935Z\",\"eggsRequired\":2},{\"timestamp\":\"2025-12-16T13:47:02.056081Z\",\"eggsRequired\":1},{\"timestamp\":\"2025-12-16T15:07:01.859887Z\",\"eggsRequired\":1},{\"timestamp\":\"2025-12-16T15:17:01.808936Z\",\"eggsRequired\":0}]}</script>\r\n\t<script type=\"text/javascript\">\r\n\t\t\tconst data = JSON.parse(document.getElementById('eggTimes').innerHTML)//.map(([d, value]) => {let date = new Date(d); return { date, value }})\r\n\t\t\t//console.log(data)\r\n\t\t\tchart = (data) => {\r\n\t\t\t\tif (data.times.length <= 1) return\r\n\t\t\t\tconsole.log(data)\r\n\t\t\t\tconst width = 928;\r\n\t\t\t\tconst height = 600;\r\n\t\t\t\t//const height = 200;\r\n\t\t\t\tconst marginTop = 20;\r\n\t\t\t\tconst marginRight = 30;\r\n\t\t\t\tconst marginBottom = 30;\r\n\t\t\t\tconst marginLeft = 40;\r\n\r\n\t\t\t\tconst x = d3.scaleUtc()\r\n\t\t\t\t\t\t.domain(d3.extent(data.times, d => new Date(d.timestamp)))\r\n\t\t\t\t\t\t.range([marginLeft, width - marginRight]);\r\n\r\n\t\t\t\tconst y = d3.scaleLinear()\r\n\t\t\t\t\t\t.domain([100, 0])\r\n\t\t\t\t\t\t.range([height - marginBottom, marginTop]);\r\n\r\n\t\t\t\t// Declare the line generator.\r\n\t\t\t\tconst line = d3.line()\r\n\t\t\t\t\t\t.x(d => x(new Date(d.timestamp)))\r\n\t\t\t\t\t\t.y(d => y(d.eggsRequired));\r\n\r\n\t\t\t\tconsole.log(data.times[0].timestamp)\r\n\t\t\t\tconsole.log(new Date(data.times[0].timestamp))\r\n\t\t\t\tconsole.log(x(new Date(data.times[0].timestamp)))\r\n\t\t\t\tconsole.log(y(data.times[0].eggsRequired))\r\n\t\t\t\tconsole.log(line(data.times[0]))\r\n\t\t\t\tconsole.log(line(data.times))\r\n\r\n\t\t\t\tconst max = 100;\r\n\r\n\t\t\t\t// Create a symmetric diverging color scale.\r\n\t\t\t\tconst color = d3.scaleSequential()\r\n\t\t\t\t\t\t.domain([max, 0])\r\n\t\t\t\t\t\t.interpolator(d3.interpolateRdBu);\r\n\r\n\t\t\t\t//.attr(\"style\", \"max-width: 100%; height: auto;\");\r\n\r\n\t\t\t\tconst svg = d3.select(\"#svg\")\r\n\t\t\t\t\t\t.attr(\"viewBox\", [0, 0, width, height])\r\n\t\t\t\t\t\t.attr(\"width\", width)\r\n\t\t\t\t\t\t.attr(\"height\", height)\r\n\t\t\t\t\t\t.attr(\"style\", \"max-width: 100%; height: auto; font: 10px sans-serif;\");\r\n\r\n\t\t\t\tsvg.append(\"g\")\r\n\t\t\t\t\t\t.attr(\"transform\", `translate(0,${height - marginBottom})`)\r\n\t\t\t\t\t\t.call(d3.axisBottom(x).ticks(width / 80))\r\n\t\t\t\t//.call(g => g.select(\".domain\").remove());\r\n\r\n\t\t\t\tsvg.append(\"g\")\r\n\t\t\t\t\t\t.attr(\"transform\", `translate(${marginLeft},0)`)\r\n\t\t\t\t\t\t.call(d3.axisLeft(y).ticks(10))\r\n\t\t\t\t\t\t//.call(g => g.select(\".domain\").remove())\r\n\t\t\t\t\t\t.call(g => g.selectAll(\".tick line\")\r\n\t\t\t\t\t\t\t\t.clone()\r\n\t\t\t\t\t\t\t\t.attr(\"x2\", width - marginRight - marginLeft)\r\n\t\t\t\t\t\t\t\t.attr(\"stroke-opacity\", d => d === 0 ? 1 : 0.1))\r\n\t\t\t\t//.call(g => g.append(\"text\")\r\n\t\t\t\t//\t\t.attr(\"fill\", \"#000\")\r\n\t\t\t\t//\t\t.attr(\"x\", 5)\r\n\t\t\t\t//\t\t.attr(\"y\", marginTop)\r\n\t\t\t\t//\t\t.attr(\"dy\", \"0.32em\")\r\n\t\t\t\t//\t\t.attr(\"text-anchor\", \"start\")\r\n\t\t\t\t//\t\t.attr(\"font-weight\", \"bold\")\r\n\t\t\t\t//\t\t.text(\"Anomaly (°C)\"));\r\n\r\n\t\t\t\t//svg.append(\"g\")\r\n\t\t\t\t//\t\t.attr(\"stroke\", \"#000\")\r\n\t\t\t\t//\t\t.attr(\"stroke-opacity\", 0.2)\r\n\t\t\t\t//\t\t.selectAll()\r\n\t\t\t\t//\t\t.data(data)\r\n\t\t\t\t//\t\t.join(\"circle\")\r\n\t\t\t\t//\t\t.attr(\"cx\", d => x(d.date))\r\n\t\t\t\t//\t\t.attr(\"cy\", d => y(d.value))\r\n\t\t\t\t//\t\t.attr(\"fill\", d => color(d.value))\r\n\t\t\t\t//\t\t.attr(\"r\", 2.5);\r\n\r\n\t\t\t\t// Append a path for the line.\r\n\t\t\t\tsvg.append(\"path\")\r\n\t\t\t\t\t\t.attr(\"fill\", \"none\")\r\n\t\t\t\t\t\t.attr(\"stroke\", \"steelblue\")\r\n\t\t\t\t\t\t.attr(\"stroke-width\", 1.5)\r\n\t\t\t\t\t\t.attr(\"d\", line(data.times));\r\n\t\t\t\tdocument.getElementById('graph').classList.remove(\"visually-hidden\")\r\n\t\t\t\treturn svg.node();\r\n\t\t\t}\r\n\t\t\tchart(data)\r\n\t\t\t//d3.json(`/CatalogusFast%C4%ABdi%C4%AB/monsters/2500/egg`).then(chart)\r\n\t</script>\r\n\r\n\t</body>\r\n</html>\r\n"}