Carregando dados

O poder de d3 está em manipular dados em páginas HTML. Afinal, é por isso que a biblioteca se chama Data-Driven Documents.

JSON, CSV, TSV

Você pode carregar os tipos de arquivo mais comuns com d3.

Cada tipo contém uma função com seu nome correspondente. Por exemplo, se você quiser carregar um CSV, basta usar a seguinte sintaxe:

d3.csv(URL)
  .then(dados => {
    // O que fazer com os dados
  })

Importante: Os arquivos são carregados de forma assíncrona!

Na pasta de dados existe um arquivo JSON com uma lista de frutas. Que tal a gente carregá-la aqui?

A primeira fruta da lista é .

Carregando arquivos externos

Você também pode carregar dados que não estão salvos no mesmo domínio.

Tente carregar dados de clima do site https://www.metaweather.com/ por meio de sua API.

Vamos ver como está o clima em Salvador agora: .