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

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

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

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

2017/03/27 1142 users セル 必須 縞模様 レイアウト エクセル表

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

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

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

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