Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Lorem ipsum dolor sit amet consectetur. Ultrices eros in cursus turpis massa tincidunt. Arcu bibendum at varius vel. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Sit amet mattis vulputate enim. Vitae congue eu consequat ac felis donec et odio pellentesque. Amet risus nullam eget felis eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Lorem ipsum dolor sit amet consectetur. Ultrices eros in cursus turpis massa tincidunt. Arcu bibendum at varius vel. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Sit amet mattis vulputate enim. Vitae congue eu consequat ac felis donec et odio pellentesque. Amet risus nullam eget felis eget.
Source Code
---title: "Palmer Penguins Observable JS"author: "Alif Dewantara"title-block-banner: trueformat: html: page-layout: fullcategories: - Interaktif - Javascriptexecute: echo: false---Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Lorem ipsum dolor sit amet consectetur. Ultrices eros in cursus turpis massa tincidunt. Arcu bibendum at varius vel. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Sit amet mattis vulputate enim. Vitae congue eu consequat ac felis donec et odio pellentesque. Amet risus nullam eget felis eget.```{ojs}data =FileAttachment("penguins.csv").csv({ typed:true })viewof bill_length_min = Inputs.range( [32,50], {value:35,step:1,label:"Bill length (min):"})viewof islands = Inputs.checkbox( ["Torgersen","Biscoe","Dream"], { value: ["Torgersen","Biscoe"],label:"Islands:" })filtered = data.filter(function(penguin) {return bill_length_min < penguin.bill_length_mm&& islands.includes(penguin.island);})Plot.rectY(filtered, Plot.binX( {y:"count"}, {x:"body_mass_g",fill:"species",thresholds:20} )).plot({facet: {data: filtered,x:"sex",y:"species",marginRight:80 },marks: [ Plot.frame(), ] })```Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Lorem ipsum dolor sit amet consectetur. Ultrices eros in cursus turpis massa tincidunt. Arcu bibendum at varius vel. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Sit amet mattis vulputate enim. Vitae congue eu consequat ac felis donec et odio pellentesque. Amet risus nullam eget felis eget.