http://glioblastomatreatments.wiki:80/index.php?action=history&feed=atom&title=Plot 2026-04-12T10:50:06Z Revision history for this page on the wiki MediaWiki 1.41.0 http://glioblastomatreatments.wiki:80/index.php?title=Plot&diff=29501&oldid=prev 2024-05-30T03:55:44Z

<p>Created page with &quot;&lt;div id=&quot;categories&quot;&gt;&lt;/div&gt; &lt;div id=&quot;plot&quot;&gt;&lt;/div&gt; &lt;script src=&quot;https://cdn.plot.ly/plotly-latest.min.js&quot;&gt;&lt;/script&gt; &lt;script&gt; // Fetch the JSON data from the query result page fetch(&#039;https://glioblastomatreatments.wiki/index.php?title=Special:Ask/-5B-5BHas-20Usefulness-20Rating::%2B-5D-5D/-3FHas-20treatment-20name%3DTreatment-20Name/-3FHas-20Usefulness-20Rating%3DUsefulness-20Rating/-3FHas-20Toxicity-20Level%3DToxicity-20Level/-3FCategory/mainlabel%3D-2D/limit%3D1...&quot;</p> <p><b>New page</b></p><div>&lt;div id=&quot;categories&quot;&gt;&lt;/div&gt;<br /> &lt;div id=&quot;plot&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;script src=&quot;https://cdn.plot.ly/plotly-latest.min.js&quot;&gt;&lt;/script&gt;<br /> &lt;script&gt;<br /> // Fetch the JSON data from the query result page<br /> fetch(&#039;https://glioblastomatreatments.wiki/index.php?title=Special:Ask/-5B-5BHas-20Usefulness-20Rating::%2B-5D-5D/-3FHas-20treatment-20name%3DTreatment-20Name/-3FHas-20Usefulness-20Rating%3DUsefulness-20Rating/-3FHas-20Toxicity-20Level%3DToxicity-20Level/-3FCategory/mainlabel%3D-2D/limit%3D100/offset%3D0/format%3Djson&#039;)<br /> .then(response =&gt; response.json())<br /> .then(data =&gt; {<br /> const treatments = [];<br /> for (const [key, value] of Object.entries(data.results)) {<br /> treatments.push({<br /> treatment: value.printouts[&#039;Treatment Name&#039;][0].fulltext,<br /> effectiveness: parseInt(value.printouts[&#039;Usefulness Rating&#039;][0].fulltext),<br /> toxicity: parseInt(value.printouts[&#039;Toxicity Level&#039;][0].fulltext),<br /> category: value.printouts[&#039;Category&#039;][0].fulltext.replace(&#039;Category:&#039;, &#039;&#039;)<br /> });<br /> }<br /> <br /> const categories = [...new Set(treatments.map(t =&gt; t.category))];<br /> <br /> // Create checkboxes for categories<br /> const categoriesDiv = document.getElementById(&#039;categories&#039;);<br /> categories.forEach(category =&gt; {<br /> const label = document.createElement(&#039;label&#039;);<br /> const checkbox = document.createElement(&#039;input&#039;);<br /> checkbox.type = &#039;checkbox&#039;;<br /> checkbox.value = category;<br /> checkbox.checked = true;<br /> checkbox.addEventListener(&#039;change&#039;, updatePlot);<br /> label.appendChild(checkbox);<br /> label.appendChild(document.createTextNode(category));<br /> categoriesDiv.appendChild(label);<br /> });<br /> <br /> // Initial plot<br /> updatePlot();<br /> <br /> function updatePlot() {<br /> const selectedCategories = Array.from(document.querySelectorAll(&#039;#categories input[type=&quot;checkbox&quot;]:checked&#039;)).map(cb =&gt; cb.value);<br /> <br /> const filteredTreatments = treatments.filter(t =&gt; selectedCategories.includes(t.category));<br /> <br /> const trace = {<br /> x: filteredTreatments.map(t =&gt; t.effectiveness),<br /> y: filteredTreatments.map(t =&gt; t.toxicity),<br /> mode: &#039;markers&#039;,<br /> type: &#039;scatter&#039;,<br /> text: filteredTreatments.map(t =&gt; t.treatment),<br /> marker: { color: filteredTreatments.map(t =&gt; categories.indexOf(t.category)) }<br /> };<br /> <br /> const layout = {<br /> title: &#039;Glioblastoma Treatments&#039;,<br /> xaxis: { title: &#039;Effectiveness&#039; },<br /> yaxis: { title: &#039;Toxicity&#039;, autorange: &#039;reversed&#039; }<br /> };<br /> <br /> Plotly.newPlot(&#039;plot&#039;, [trace], layout);<br /> }<br /> })<br /> .catch(error =&gt; console.error(&#039;Error fetching data:&#039;, error));<br /> &lt;/script&gt;</div>

Lazy