Published
Edited
May 21, 2020
82 forks
1 star
Insert cell
Insert cell
// sua função que desenha a visualização deve ficar aqui
Insert cell
Insert cell
Insert cell
function container() {
return `
<main role="main" class="container">
<div class="row">
<h3> Crimes in Chicago in April of 2020</h3>
</div>
<div class='row'>
<div id="mapid" class="col-6">
</div>
<div class = "col-6">
<div id='bar-chart'>
<h5>Number of Crimes by Type</h5>
</div>
<div id='time-chart'>
<h5> Number of Crimes by Day </h5>
</div>
</div>
</div>
<p>Crime data via <a href="https://data.cityofchicago.org/Public-Safety/Crimes-2001-to-present/ijzp-q8t2">Chicago Data Portal</a>.</p>
</main>
`;
}
Insert cell
Insert cell
L = require("leaflet@1.6.0")
Insert cell
d3 = require('d3')
Insert cell
crossfilter = require('crossfilter2')
Insert cell
dc = require('dc')
Insert cell
Insert cell
bootstrap = require('bootstrap')
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