[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

639users がブックマーク コメント 50

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

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

639 users coliss.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント50件

  • 注目コメント
  • 新着コメント
オーナーコメントを固定しています
coliss
オーナー データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワーク。

その他
mochinaga
js使ってないの!?すごっ!

その他
lifeisadog
わかりにくい表組みを作ってCSSで無理矢理グラフにするより、結局JSでグラフにする方がいいな

その他
securecat
うーん、グラフをtableでマークアップするのが正しいのか?というと、正しくないと思うわけで、なんか違うと思う

その他
ifttt
へ、変態だー!と思ったけど俺が置いていかれてるのか

その他
fashi
凄いけど軸がなくて値も読めない / builderでShow Data on Hoverにすると読めるようになる模様

その他
オーナーコメントを固定しています
coliss
オーナー coliss データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワーク。

2021年03月22日 リンク

その他
yomogi
手軽にビジュアライズできるのはよさそう。

その他
djshigy
graph

その他
keidge
css芸。

その他
ninpowar
便利そう

その他
tohima
すごいなー、CSSだけでいけるんだ

その他
RyotaTakimoto
グラフのためだけにフレームワーク頼っちゃうくらいなら、ドットインストールでJS頑張って自分でグラフチャートデザインできるようになる方が良さそう。

その他
m_c2n
jsでやった方が絶対簡単だしパフォーマンスも良さそう

その他
pmint
違うでしょ。普通に分かると思うけど、それだけではチャートにならない。公式サイトの例を見ると案の定 <td style="--size:0.125;"></td> なんて書いてある。

その他
ptpadan
js系より簡単そうかな?

その他
shikiarai
tableか......なるほどねぇ......なんか上手く使えねえかなぁ......

その他
t0ng
ロマンはあるけど、ロマンしかない

その他
gla69
お、面白そう。cssだけでいけるのか...

その他
susieq
おお、良さそう。CSSだけでいけるのか

その他
yoiIT
昔からあった気がしたけど、JS使わずにCSSだけなのか。それは初めて見た。

その他
yukimurasama
用途は不明だけど試しに導入してみたい🥺

その他
blogpants
検索につよかったりするんだろうか?

その他
anpaku
勉強します。

その他
megane1972
仕組みが全く想像できない。

その他
tcngn
chart.js

その他
RATCHO
凄い!!けどJSていいや

その他
mayumayu_nimolove
そのうちcssだけでドラクエ動かせたらすごいな

その他
odakaho
すごいんだけど、jsonレスポンスを一旦tableにすることを考えるとひと手間多い感あるね

その他
mabushii_sign
他のコメントにもあるけど、凄いけど今はもう使わないかなぁ。

その他
Dragoonriders
tableの正しい使い方かもな。

その他
laptice
CSSのClassだけでTableをグラフやチャートにできるフレームワーク。ものによってはまだUnderConstructionだけど、素敵。

その他
programmablekinoko
凄い・・・が昔行われていたtableでレイアウトを組むに近い

その他
jantyran7
すごい

その他
lavitaebella
ほほぅ......

その他
minamishinji
へー

その他
kkobayashi
すげーな。CSSだけでできるの?

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「HTMLのtableにクラ...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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

ブックマークしたユーザー

  • pos-san2023年01月31日 pos-san
  • okaduka_takayuki2022年12月30日 okaduka_takayuki
  • gazza0692022年07月24日 gazza069
  • fonbon2022年07月15日 fonbon
  • apipix2022年07月12日 apipix
  • sugiyama06212022年04月21日 sugiyama0621
  • sakimoridotnet2022年03月04日 sakimoridotnet
  • bleu-bleut2021年09月19日 bleu-bleut
  • heatman2021年04月21日 heatman
  • hanateid2021年04月03日 hanateid
  • wazanaka2021年03月30日 wazanaka
  • yomogi2021年03月25日 yomogi
  • sanko04082021年03月24日 sanko0408
  • dellab722021年03月24日 dellab72
  • kattsuk22021年03月24日 kattsuk2
  • tasukuchan2021年03月23日 tasukuchan
  • neo21842021年03月23日 neo2184
  • shimono-ryo2021年03月23日 shimono-ryo
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /