Essa é uma revisão anterior do documento!
Aqui você encontrará os números mais atuais de registros atualmente oferecidos pelos Sistemas de Informação, Ferramentas de Publicação de Dados específicas ou serviços baseados na Web.
<html><iframe width=“804” height=“517” seamless frameborder=“0” scrolling=“no” src=“https://docs.google.com/spreadsheets/d/1rJzQ2eBd8_0INyKDooesne-_7boeJBaoX7SeqI5hFv0/pubchart?oid=393465998&format=interactive”></iframe></html>
Os dados provenientes dos Projetos e Coleções, conforme detalhado no gráfico abaixo, estão organizados por "tipos", aqui chamados de "Classes"
<html>
<canvas id="myChart" width="700" height="300"></canvas>
<script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="//cdn.jsdelivr.net/chart.js/1.0.2/Chart.min.js" type="text/javascript"></script>
<script type="text/javascript">
// biblioteca de gráficos
// http://www.chartjs.org/docs/#line-chart-introduction
(function(){
//Carregar os dados crus
$.getJSON('http://api.gbif.org/v1/occurrence/download/dataset/4300f8d5-1ae5-49e5-a101-63894b005868?limit=200&callback=?',function(response){
// contador por dia
var contador ={};
// para cada resultado
for(var i=0;i<response.results.length;i++) {
// os dados do download
var download = response.results[i].download;
var data = new Date(download.created); // data do download
var dataSimples = data.getFullYear()+"-"+("0"+ data.getMonth() ).slice(-2)+"-"+("0"+ data.getDate() ).slice(-2); // data formatada
// inicia o contador para a data caso não exista
if(typeof contador[dataSimples] != 'number') contador[dataSimples] = 0;
// incrementa o contador
contador[dataSimples]++;
}
// Elemento Canvas a Desenhar
var ctx = document.getElementById("myChart").getContext("2d");
// separa os dias
var dias = [];
for(var dia in contador) {
console.log(dia);
dias.push(dia);
if(dias.length==8) break; // oito dias
}
dias.sort()
// separa contagens, na mesma ordem da lista de dias
var contagens = []
for(var i=0;i<dias.length;i++) {
contagens.push(contador[dias[i]]);
}
var data = {
labels: dias,// dias como eixo X
datasets:[
{
label:"Número de downloads",
data: contagens, // contagens como eixo Y
// formatação abaixo
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)"
}
]
};
// outras opções de charting
var options= {
};
var chart = new Chart(ctx).Line(data,options); }); })(); </script>
</html>
<html>
<canvas id="myChart" width="700" height="300"></canvas>
<script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="//cdn.jsdelivr.net/chart.js/1.0.2/Chart.min.js" type="text/javascript"></script>
<script type="text/javascript">
// biblioteca de gráficos
// http://www.chartjs.org/docs/#line-chart-introduction
(function(){
//Carregar os dados crus
$.getJSON('http://api.gbif.org/v1/occurrence/download/dataset/4300f8d5-1ae5-49e5-a101-63894b005868?limit=200&callback=?',function(response){
// contador por dia
var contador ={};
// para cada resultado
for(var i=0;i<response.results.length;i++) {
// os dados do download
var download = response.results[i].download;
var data = new Date(download.created); // data do download
var dataSimples = data.getFullYear()+"-"+("0"+ data.getMonth() ).slice(-2)+"-"+("0"+ data.getDate() ).slice(-2); // data formatada
// inicia o contador para a data caso não exista
if(typeof contador[dataSimples] != 'number') contador[dataSimples] = 0;
// incrementa o contador
contador[dataSimples]++;
}
// Elemento Canvas a Desenhar
var ctx = document.getElementById("myChart").getContext("2d");
// separa os dias
var dias = [];
for(var dia in contador) {
console.log(dia);
dias.push(dia);
if(dias.length==8) break; // oito dias
}
dias.sort()
// separa contagens, na mesma ordem da lista de dias
var contagens = []
for(var i=0;i<dias.length;i++) {
contagens.push(contador[dias[i]]);
}
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
]
};
// outras opções de charting
var options= {
};
var chart = new Chart(ctx).Bar(data,options); }); })(); </script>
</html>