Published
Edited
Mar 16, 2021
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
selectTable = () => {
const buttons = html`
<form>
<input value="False Negatives" type="button" name="falseNegatives">
<input value="False Positives" type="button" name="falsePositives">
<input value="New Articles" type="button" name="newArticles">
</form>
`
buttons.value = 0

buttons.falseNegatives.onclick = event => {
buttons.value = 0;
event.preventDefault();
buttons.dispatchEvent(new CustomEvent("input"));
}
buttons.falsePositives.onclick = event => {
buttons.value = 1;
event.preventDefault();
buttons.dispatchEvent(new CustomEvent("input"));
}
buttons.newArticles.onclick = event => {
buttons.value = 2;
event.preventDefault();
buttons.dispatchEvent(new CustomEvent("input"));
}
return buttons
}
Insert cell
Insert cell
captionsText = ['Estimated Relevance for New Articles from 17. April, 2020 until 2. February, 2021.',
'Estimated Relevance for False Negatives until 17. April, 2020 included in the Risk-Benefit Analysis but not classified as relevant.',
'Estimated Relevance for False Positives until 17. April, 2020 classified as relevant but not included in the Risk-Benefit Analysis.'];
Insert cell
data = [falseNegatives, falsePositives, newArticles];
Insert cell
newArticles = d3.json(pathNewArticles)
Insert cell
falseNegatives = d3.json(pathFalseNegatives)
Insert cell
falsePositives = d3.json(pathFalsePositives)
Insert cell
pathNewArticles = "https://raw.githubusercontent.com/markolalovic/longevity-research-screening/master/data/newArticles.json"
Insert cell
pathFalseNegatives = "https://raw.githubusercontent.com/markolalovic/longevity-research-screening/master/data/falseNegatives.json"
Insert cell
pathFalsePositives = "https://raw.githubusercontent.com/markolalovic/longevity-research-screening/master/data/falsePositives.json"
Insert cell
d3 = require("https://d3js.org/d3.v5.min.js")
Insert cell
import {table} from "@tmcw/tables@513"
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more