ドーナツチャートで見出しを可視化してmarkdownをもっと便利に使う - Qiita

Data Visualization Advent Calendarの25日目の記事です。 HTMLの文章構造をドーナツチャートで視覚化して、インデントの深さと進捗率を直感的に把握するツールを作ってみました。こんな感じです。 調べてみても、意外とありそうでなかったので今回作ってみました。このアプローチは人類史上初ではないかと思われます笑。 ちなみに、デモページも作ってみました。 以下の説明とほぼ同じ内容ですので、ここからは是非、デモページでお読みください！！ 成果物はGithubで公開していますので、もしよければご覧ください。 https://github.com/kenji0x02/donut-indent 導入 背景 私たちが日々読んでいる文章の多くは、その内容のまとまりをわかりやすく表現するため、章、節、項、目といった見出しをつけて「階層的」に書かれています。HTMLでは見出しを表現