タグ

グラフに関するn-nanameのブックマーク (4)

  • HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css

    棒グラフや折れ線グラフ、どうやって実装していますか? Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLCSSだけで実装 セマ

    HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
  • 円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん

    円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・当に円グラフでいいの? 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか

    円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん
  • 緊急事態宣言1週間で新型コロナは頂点、減少へ(団藤保晴) - 個人 - Yahoo!ニュース

    新型コロナウイルス感染症に対する緊急事態宣言は1週間で感染者増加を止めたと見られます。既に減少傾向に転じており、宣言から3週目に入る今週半ばからどれくらい減らせて日常生活に戻れるかが焦点でしょう。日々の新規感染者数の推移は1週間のサイクルで癖があります。週明けの月曜がぐんと減り、週半ばにかけて大きく増加、日曜日にまた減ります。PCR検査などの手続きや人員のやりくりで発生するものでしょう。こうした癖を取り除くために当日から1週間分を合計して「7」で割る移動平均手法を採用して、全国合計感染者について3月20日から4月19日までのグラフを作成しました。【追補】第二波もピークを越えました。第640回「新型コロナへの社会防衛、第二波も半月で起動」(2020/08/17):時評「新型コロナ抑制の要因、政府は科学的に把握を」(2020/09/12) 7日平均の赤線グラフがピークに達したのは宣言1週間後の

    緊急事態宣言1週間で新型コロナは頂点、減少へ(団藤保晴) - 個人 - Yahoo!ニュース
  • Examples

    Scrollytelling Create immersive digital experiences and bring your data to life with our no-code scrollytelling solution Data Explorer Morph between various chart and map types to create rich and compelling data stories

    Examples
  • 1