Obsidianはdataviewで棒グラフがわかりやすい

Chartsプラグインはdataviewの拡張として使うかも。

Charts

データ構造がわかりにくいなあと思っていたのですが、dataviewに組み込むと可読性が上がることに気づきました。

こちらを雛形にするのがいいかも。

連想配列でOK

dataviewだと連想配列で書くことができます。

```dataviewjs
const City = {
  京都: 10.91,
  大阪: 8.88,
  奈良: 11.51,
  和歌山: 13.47
}

const Chart = {
  type: "bar",
  data: {
    datasets: [{
      label: "感染者数",
      data: City,
      backgroundColor: "orange"
    }]
  }
}

window.renderChart(Chart, this.container)
```

配列Cityが読みやすくないですか？ 都市名と数値が並んでいます。

この書き方でも棒グラフになる。

オプションの付け方がわからないけど。

まとめ

Obsidianがエディタじゃないように見えてきた。 何者なんだ？

追記

あとからデータを放り込むのでもいいかな。

```dataviewjs
const City = {
  京都: 10.91,
  大阪: 8.88,
  奈良: 11.51,
  和歌山: 13.47
}
const Chart = {type:"bar", data:{}}
Chart.data.datasets = [{}]
Chart.data.datasets[0].label = "感染者数"
Chart.data.datasets[0].data = City
Chart.data.datasets[0].backgroundColor = ["navy","darkred","orange"]
window.renderChart(Chart, this.container)
```

これだとデータセットを意識しやすい。

backgroudColorを配列にするとカラフルです。

Chart.data.datasets[1] = {}
Chart.data.datasets[1].data = City2

データセットを増やすときは上のように書けばいいし。

Obsidian Chartsのデータを後から入力する - Jazzと読書の日々