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

2021/03/22 602 users コリス table フレームワーク アクセシブル CSS

棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャート... 続きを読む

プレゼンで使ってみたい！横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race | コリス

2020/07/27 13 users CSV コリス プレゼン アニメーション オープンソース

SNSやテレビなどで見かける、横棒グラフの変化をアニメーションで表示するオープンソースのオンラインツールを紹介します。 データは.csvにも対応しており、誰でも簡単に利用できます。 値の変化が非常に分かりやすく、プレゼンなどにもいいですね。 Bar chart race -GitHub Bar chart raceの特徴 Bar chart raceの使い... 続きを読む

【エクセル便利テク】表の「ミニグラフ」が効果抜群!! データをわかりやすく見せるワザ | GetNavi web ゲットナビ

2018/04/17 25 users 推移 視覚化 メリット グラフ 両方

グラフのメリットはデータを視覚化できることですが、表とグラフが別々になり、データを確認する際は両方を見比べる必要があるのがやや面倒です。そんなときは、表にミニグラフを追加してみましょう。横棒グラフならデータの違いが明確になり、折れ線グラフならデータの推移を確認できます。横棒グラフはデータバーを、折れ線グラフはスパークラインを使って表示します。 ↑データバーで作成した横棒グラフ ↑スパークラインで作... 続きを読む

【エクセル】数字を並べるだけじゃセンスがない! 表を劇的に見やすくするレイアウトワザ4選 | GetNavi web ゲットナビ

2017/03/27 1142 users セル 必須 縞模様 レイアウト 変換

数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 1.表に縞模様を付ける 表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換... 続きを読む

さらば無駄遣い！お金が貯まるノートとは？：日経ウーマンオンライン【人生が変わる！手帳＆ノート術】

2011/11/15 4562 users 浪費 無駄遣い 支出 貯蓄 出費

1カ月の出費を振り返るページ 月末に集計のページを作り、消費と浪費を減らせるかどうかを分析すると、ノートの効果がさらにアップ！ (1)月間の支出を集計 各週の集計を転記して月間の「消・浪・投」の合計金額や、全体の支出に占める割合を出す (2)グラフを手描きして支出を「見える化」 支出の実感を強めるために、横棒グラフで割合を「見える化」できれば◎。投資（貯蓄）を全体の支出の25%に近付けるために、翌... 続きを読む