The avatar for @kueda
Ken-ichi
I once held an opponent's hand in a jar of acid.
Published
Edited
Jul 30, 2019
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
topSpeciesBars = speciesCountsResults => {
const max = _.max(speciesCountsResults.map(c => c.count));
return html`
${speciesCountsResults.map(r => `
<div style="display:flex; flex-wrap: none; flex-diretion: column; margin-bottom: 10px;">
<img src="${r.taxon.default_photo.square_url}" style="margin-right: 10px;"/>
<div style="padding: 5px; background-color: lightgray; width: ${r.count / max * 100}%">
<strong>${r.taxon.preferred_common_name}</strong>
<i>${r.taxon.name}</i>
<div>${d3.format(",")(r.count)} observations</div>
</div>
</div>
`)}
`;
};
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