並び順

ブックマーク数

期間指定

  • から
  • まで

441 - 480 件 / 680件

新着順 人気順

chartの検索結果441 - 480 件 / 680件

  • 「キャラクタの画像の何がわるいのか」と応用美学の試み - Lichtung

    はじめに こんにちは。神戸大学人文学研究科修士課程在籍の難波優輝です。1月25日に大妻女子大学にて開催された「描写の哲学研究会」(松永伸司さん主催)にて発表した「これは人間ではない––––キャラクタの画像の何がわるいのか」のかんたんな解説と資料の公開をします*1。加えて、じぶんが現在構想している「応用美学」のスケッチを共有します。分析美学、描写の哲学、ジェンダー表象、そして、哲学と実践に関心のある方はお読みいただければさいわいです。 はじめに 「これは人間ではない––––キャラクタの画像の何がわるいのか」 資料 引用例 解説 応用美学の構想 注 「これは人間ではない––––キャラクタの画像の何がわるいのか」 以下、資料のリンクとかんたんな解説を記載します。 資料 ・スライド: ・配布まとめ資料: 引用例 難波優輝. 2020. 「これは人間ではない––––キャラクタの画像の何がわるいのか」

      「キャラクタの画像の何がわるいのか」と応用美学の試み - Lichtung
    • YouTubeが「最も再生された部分をグラフで表示する機能」を実装するらしいのだけど、この機能は妙に見覚えがある気がする

      リンク CNET Japan YouTube、最も再生された部分をグラフで表示する新機能を追加 YouTubeは、視聴している動画の中で再生回数の多い部分を表すグラフを表示する機能など、複数の新機能を発表した。 33

        YouTubeが「最も再生された部分をグラフで表示する機能」を実装するらしいのだけど、この機能は妙に見覚えがある気がする
      • 青因子確率分析|ウマ娘攻略データステーション

        Tweet ウマ娘プリティーダービーの攻略サイトです。 星3青因子の確率、ウマ娘・サポートカードの使用率といったウマ娘プリティーダービー攻略に活用できるデータを中心に掲載しています。 デッキ構築やリセマラ、ウマ娘育成の参考にしてください。 チーム競技場全体ランキングより集計したウマ娘2万体分のデータから青因子の選定確率と星3確率を算出しました。 因子の継承の仕組み、星3青因子厳選方法、赤因子の確率については以下のページをご覧ください。 因子と継承の仕組み 星3青因子の厳選方法とその確率 赤因子選定確率と星3確率 ステータスごとの青因子選定確率 青因子の種類(スピード、スタミナ、パワー、根性、賢さ)のうち、どのステータスが選ばれるかはランダムとなります。 ウマ娘22411体のステータスごとの選定確率を以下に示します。 根性が若干低いのがステータスによる影響なのかはわかりませんが、ほとんど無視

          青因子確率分析|ウマ娘攻略データステーション
        • Transformers are Graph Neural Networks

          My engineering friends often ask me: deep learning on graphs sounds great, but are there any real applications? While Graph Neural Networks are used in recommendation systems at Pinterest, Alibaba and Twitter, a more subtle success story is the Transformer architecture, which has taken the NLP world by storm. Through this post, I want to establish a link between Graph Neural Networks (GNNs) and Tr

            Transformers are Graph Neural Networks
          • はじめての自然言語処理 OSS によるテキストマイニング | オブジェクトの広場

            前回はグラフベースのキーフレーズ抽出手法と pke での実験結果を紹介しました。今回は、spaCy, scattertext, ... 等々の OSS を用い各種のテキストマイニング手法についてコード例とサンプルプロットを交えながら説明したいと思います。 1. はじめに 本記事ではテキストマイニングの概要と代表的な手法について、コード例とサンプルプロットを交えて説明します。分析対象には、この連載で何度か用いている livedoor ニュースコーパスを用い、Google Colaboratory で動かすことを想定したコードスニペットを入れていきますので、実際に動かしたり対象を変えてみたりして試して頂けると良いかと思います。 2. テキストマイニングとは テキストマイニングとは、ざっくり言うと「自然言語の文書データを対象に使用される単語の出現傾向等を分析して何らかの有益な情報を取り出すこと」

              はじめての自然言語処理 OSS によるテキストマイニング | オブジェクトの広場
            • nlplotが凄い!自然言語を可視化・分析できるPythonライブラリ | Box Code

              共起ネットワークをnetworkxで。。。と調べている最中に非常に素晴らしく便利なライブラリを発見しましたので、早速使ってみました。 nlplotというPythonのライブラリです。 このライブラリを使うと以下のグラフを簡単にプロットできてしまいます。凄いです。 N-gram bar chartN-gram tree MapHistogram of the word countwordcloudco-occurrence networkssunburst chartpyLDAvis Twitterで「コロナ」を使用したTweetsをnlplotでグラフ化 今回nlplotを使うにあたって、Twitterにて「コロナ」の文字が含まれるTweetsを取得しました。 TweetsデータはMongoDBに格納し、呼び出し、データフレーム化したのち、nlplotの一連のグラフ処理をいたしました。 M

                nlplotが凄い!自然言語を可視化・分析できるPythonライブラリ | Box Code
              • taichunglife.work

                taichunglife.work Buy this domain. 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

                  taichunglife.work
                • pixelaでPCの利用状況を可視化する - Qiita

                  はじめに 日々の様々な活動量をgithubのようなグラフで可視化してくれるAPIサービスpixelaを使って日々のPCの利用状況を可視化する方法を紹介します。 利用状況といっても1日のうちのログオン回数(休憩時などPCから離れたあと再度ログオンした回数も含む)をカウントしてグラフ化します。 今回は、MacとWindows10でのログオン回数をグラフします。 pixela CLIのインストール&ユーザー登録 本家の「CLI toolsで使う」を参考にしながらインストールとユーザー登録を行います。 Mac版はhomebrewでインストールします Windows10版はダウンロードページからプログラムファイルをダウンロードします。 ダウンロードしたzipファイルを解凍する 解凍した中にあるpiコマンドをC:¥Users¥<UserName>¥binにコピーする C:¥Users¥<UserNam

                    pixelaでPCの利用状況を可視化する - Qiita
                  • https://recharts.org/en-US/

                    • 「ツリーマップ」を階層化して見やすくする - 作り方で変わる!Excelグラフ実践テク(28)

                      前回の連載では「47都道府県の人口」をツリーマップで示す方法を紹介した。このようにツリーマップを使うと、雑多なデータをグラフ化することが可能となる。とはいえ、『もっと見やすくならないか・・・』と感じた方もいるだろう。そこで今回は、ツリーマップを階層化したり、カスタマイズしたりする方法を紹介していこう。 階層化されたツリーマップを作成するには? 前回の連載では、「47都道府県の人口」のデータを基に以下の図のようなツリーマップを作製した。 前回の連載で作成したツリーマップ このままでも「都道府県の人口分布」を大まかに把握できるが、少しガチャガチャとしている感は否めない。その一つの原因になっているのが「色の数」が多すぎることだ。そこで今回は、もっとシンプルにツリーマップを作成する方法を紹介していこう。 ツリーマップの色数を減らすには、データをグループ分けして、ツリーマップを階層化するのが効果的だ

                        「ツリーマップ」を階層化して見やすくする - 作り方で変わる!Excelグラフ実践テク(28)
                      • dot-to-ascii

                        Font - Font + Copy Boxart Font - Font + Share View on GitHub

                        • ダイクストラ法のよくあるミスと落し方 - あなたは嘘つきですかと聞かれたら「YES」と答えるブログ

                          ダイクストラ法、正しく書けてますか? ダイクストラは少しのミスですぐ計算量が壊れたりするのですが、テストケースによっては意外に落ちにくく間違いに気づかないこともあります。 この記事では、よくあるミスとその撃墜ケースを紹介していきます。 この記事はどちらかと言うと問題準備をする方に読んでほしい記事です。 writerをする際は、ここで紹介する撃墜ケースをテストケースに入れるようにすると良いと思います。 SではなくTを始点にするという小手先技が考えられるので、逆向きバージョンも入れておくと尚良いでしょう。 ジェネレーターも置いておきます。 コード中の定数を書き換えたり入力で取れるようにしたり、出力形式を変えたりして使ってください。 念の為生成されたテストケースにもちゃんとvalidatorをかけて下さい。 目次 既に見た頂点のcontinue忘れ: 最大ヒープを使う: 負辺のあるグラフで使う:

                            ダイクストラ法のよくあるミスと落し方 - あなたは嘘つきですかと聞かれたら「YES」と答えるブログ
                          • GitHubでMermaid構文の表示機能が強化されていました | DevelopersIO

                            こんにちは、CX事業本部 Delivery部の若槻です。 今回は、GitHubでMermaid構文の表示機能が強化されていたので共有します。 Mermaidとは Mermaidとは、Markdown構文の拡張ツールで、様々なタイプの図(Diagram)をコードやテキストで記述し、視覚的に表示することができます。 Mermaid構文を利用することにより、次のような図をMarkdownで記述することができます。 Flowchart Sequence Diagram Gantt Chart Class Diagram State Diagram Pie Chart Git Graph 公式サイトより引用 GitHubでのMermaid構文の表示機能が強化されていた GitHubではMermaid構文をサポートしており、MarkdownファイルにMermaid構文を記述することで、図を表示すること

                              GitHubでMermaid構文の表示機能が強化されていました | DevelopersIO
                            • React App

                              Web site created using create-react-app

                              • レポートの提出時間を分布図にしてみたらいろいろと面白かった「人は何故ギリギリにならないと提出しないのか」

                                リンク Wikipedia ヒストグラム ヒストグラム(英語: histogram)とは、縦軸に度数、横軸に階級をとった統計グラフの一種で、データの分布状況を視覚的に認識するために主に統計学や数学、画像処理等で用いられる。柱状図、柱状グラフ、度数分布図ともいう。 工業分野では、パレート図、チェックシート、管理図、特性要因図、層別法、散布図と並んで、品質管理のためのQC七つ道具として知られている。 histogram (ヒストグラム)の語源は、定かではないが、古代ギリシャ語で「なにかを直立にする」(帆船のマスト、織機のバー、ヒストグラムの縦棒など) 19 users 9

                                  レポートの提出時間を分布図にしてみたらいろいろと面白かった「人は何故ギリギリにならないと提出しないのか」
                                • 円グラフ 【 おしゃれアニメーション 】14選|デシノン

                                  CSSで使えるおしゃれな円グラフをまとめてみました! codepenから引用しています 円グラフ コピペで実装 今回は円グラフのデザインを集めてみました! あなたが使いやすいと思う円グラフを ぜひコピペで実装してみてください! 近未来の円グラフ これはかっこいい!色の違いもおしゃれ See the Pen Crazy Pie Chart by Siddharth Parmar (@Siddharth11) on CodePen. サークルくるくるアニメーション グラフの出方がおしゃれ! See the Pen SVG Doughnut chart with animation and tooltip by Hiro (@githiro) on CodePen. データが見やすし マウスがあったところの名前と%が表示される See the Pen Highchart Pie Chart w/

                                    円グラフ 【 おしゃれアニメーション 】14選|デシノン
                                  • 「5刻みの数え方が国ごとに違うとは知らなかった」世界事情が分かる画像リストが話題 : 海外の万国反応記@海外の反応

                                    アメリカ人ってシドニーからバースへ日帰り旅行出来るかという質問するんだよな オーストラリアを小さな島だと思ってるのがいつ見ても面白い(笑)

                                      「5刻みの数え方が国ごとに違うとは知らなかった」世界事情が分かる画像リストが話題 : 海外の万国反応記@海外の反応
                                    • Pythonでネットワークグラフを描くならNetworkx + Plotlyが便利! | 子育て×エンジニアの超自由研究ブログ

                                      How to make Network Graphs in Python with Plotly. One examples of a network graph with NetworkX ここでは、例として以下の3ノードのネットワークグラフをNetworkxで定義します。 import networkx as nx G = nx.Graph() G.add_node(1) G.add_node(2) G.add_node(3) G.add_edge(1, 2) G.add_edge(2, 3) G.add_edge(1, 3)このネットワークグラフを、以下の図のように自動で瞬時に可視化することが目標です! まず、注意してほしいのはPlotlyには直接ネットワークグラフを描写するメソッドは用意されていません。なので、以下のように、ネットワークグラフをノードとエッジの二つに分けて、後で重ね

                                        Pythonでネットワークグラフを描くならNetworkx + Plotlyが便利! | 子育て×エンジニアの超自由研究ブログ
                                      • uPlot - 大量のデータを高速に描画するグラフライブラリ MOONGIFT

                                        チャートライブラリに求められるニーズはたくさんあります。使えるグラフの種類が多いこと、カスタマイズが容易なこと、リアルタイムデータにも使えることなどなどです。すべてをまかなえるライブラリは多くないので、目的に合わせてライブラリを使い分けるのが良いでしょう。 今回紹介するuPlotはとにかく大量のデータを即座に表示したいというニーズにマッチしています。 uPlotの使い方 デモです。16.6万ものポイントをプロットしています。 最初の表示時のみ、データをオンラインで取得してきますが、二回目以降のアクセスではキャッシュが有効になるようです。データさえ取得されれば、実際の表示は瞬時に行われます。表示はもちろん、その後のスクロールもスムーズです。 uPlotはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 leeoniya/uPlot: An exceptio

                                          uPlot - 大量のデータを高速に描画するグラフライブラリ MOONGIFT
                                        • 上 昌広 on Twitter: "真夏の北半球でコロナが急増している先進国は、トランプを支持する米国の一部と日本くらいです。 https://t.co/Mxey7Xe7NM"

                                          真夏の北半球でコロナが急増している先進国は、トランプを支持する米国の一部と日本くらいです。 https://t.co/Mxey7Xe7NM

                                            上 昌広 on Twitter: "真夏の北半球でコロナが急増している先進国は、トランプを支持する米国の一部と日本くらいです。 https://t.co/Mxey7Xe7NM"
                                          • Visual Studio Code+Markdownでチャート/グラフ/図を描画するには? - いっしきまさひこBLOG

                                            日ごろ、原稿以外のすべてのテキストをMarkdownフォーマットで書くようになってしまっているのですが、数式はLaTeXコマンドで書いています。数式があると、棒グラフや折れ線グラフも書きたくなるケースは多いと思います。「どうやって書くんだろう?」とググりまくってみて、なかなか解決策がヒットしなかったので、同じように時間を無駄にしないように、ここで情報提供しておきます(※自分が書き方とかを見返すための忘備録でもありますが)。 Markdown Preview Enhanced拡張機能と数式(LaTeX) そもそも、数式のLaTeXコマンドは$<数式のLaTeXコマンド>$ の形で自然に書いていたのですが、これは、 Markdown Preview Enhanced という拡張機能のおかげでした。。例えば、 LaTexコマンドによる数式の例 のように書くと(※一見、難しそうなコマンドに見えます

                                              Visual Studio Code+Markdownでチャート/グラフ/図を描画するには? - いっしきまさひこBLOG
                                            • 世界で爆発的に増加

                                              新型コロナウイルス「COVID-19」が各国で急速に広がっている。米疾病管理予防センター(CDC)によると、患者数が2倍になるまでの期間がどのくらいかを示す「倍加速度」は多くの国で3─6日。感染者の急激な増加を抑制できなければ、医療システムに一気に負荷がかかりかねない。 入手可能なデータは確認された症例数だけであり、実際の感染者数を表しているわけではない。 それでも感染が拡大しているほとんどの国で、新規感染者の発生率が「倍加速度」を上回っていることが分かる。 以下のグラフでは、発生件数が大きく異なる国同士を比べるため、対数目盛を使用した。

                                                世界で爆発的に増加
                                              • Emoji 📈 上昇折れ線グラフの色はなぜ赤なのか? Emojiが日本発だからだ

                                                絵文字にある折れ線グラフ 📈 と 📉 で、なぜ上昇グラフが赤線で下降グラフは青/緑線なのか? というエモジペディアの記事が出ています。 # 上の絵文字、閲覧されている環境によっては、赤・青/緑ではない絵文字が表示されます。 この絵文字を自分で使ったことがないし、深く考えたこともありませんが、どうやら西洋では上昇を緑色、下降を赤色で描くのが当たり前で、絵文字の配色に違和感を持つ人が多いらしいということ。 Googleの英語版で Google の株価を検索すると、株価が下がっている時の文字もグラフも赤色ですが、 同じGoogleでも日本語版で検索すると、下がってる時は緑色、と逆の配色になっています。 東京証券取引所の株価の表示が、この「上昇が赤・下降が緑」になっていて、他の日本の(株価)グラフもそれに合わせているところが多いのでは、ということです。 ok we don't understa

                                                  Emoji 📈 上昇折れ線グラフの色はなぜ赤なのか? Emojiが日本発だからだ
                                                • roughViz - 手書きのようなラフなグラフを描く

                                                  MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 正確に書かれた図は見やすいものですが、かしこまった雰囲気が出てしまいます。モックアップのレベルであまり正確なものを作るとデザイン上の些細な部分にこだわりはじめてしまうのでお勧めできません。 そこで使ってみたいのがroughVizです。手で書いたような乱雑なグラフが描けるライブラリです。 roughVizの使い方 棒グラフ。 マウスオーバーで値を表示する機能もあります。 横棒グラフ。 ドーナツグラフ。 折れ線グラフ。 円グラフ。左側の円グラフはほとんど内容が分かりません。 散布図。 ラフさのレベルを上げるとこんな感じになります。 roughVizは多くのグラフに対応しつつ、その描画を乱雑に行います。乱雑さのレベルを上げると、もはや何のグラフかも分からなくなるでしょう。モックアップのデ

                                                    roughViz - 手書きのようなラフなグラフを描く
                                                  • AnyGrids - 高機能なテーブル表示ライブラリ

                                                    業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。 今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。 AnyGridsの使い方 デモです。アイコンやグラフを表示しています。 一つの行を複数段で表示できます。 ページネーション、ソートが備わっています。 グラフはマウスオーバーに対応しています。 AnyGridsの主な機能はページネーション、ソート、子供の行サポート、集計行、グラフ連携となっています。データ自体はJSONの配列で設定します。細かな表示部分を作り込まない分、実装が手軽になりそうです。 AnyGridsはJavaScript製のソフトウェア(ライセンスは独自)です。 An

                                                      AnyGrids - 高機能なテーブル表示ライブラリ
                                                    • 19 Online Tools for Creating Charts

                                                      In today’s world, people are struggling more and more with the problem of scattered attention. So it is becoming more and more important to present information in a structured, interesting and well-designed way, especially if you have a complex business application. Presenting huge chunks of data in a standard spreadsheet to analyze or to study is as inconvenient as it can get. Creating different

                                                        19 Online Tools for Creating Charts
                                                      • Observable を活用した IoT データの可視化探索ガイド - NTT Communications Engineers' Blog

                                                        はじめに こんにちは、Things Cloud のカスタマーサクセスチーム 伊藤、佐々木、高橋、三橋です。私たちは、データプラットフォームサービス部で IoT プラットフォーム「Things Cloud」のサービス開発やお客様への技術支援を担当しています。 さて、皆さんはデータを見やすいようにグラフ化したり、表にまとめる時はどんな方法を使っていますか?最近では、JupyterLab や Python ライブラリの Pandas を利用されている方が多いかもしれませんね。私たちのチームでは、Observable という Web サービスを利用しています。Observable を使うと、下図のようなカラフルで見やすいグラフを短時間で作成できます。 本記事では、Observable を活用した IoT データ可視化における探索と、私たちが携わっている IoT プラットフォーム「Things Cl

                                                          Observable を活用した IoT データの可視化探索ガイド - NTT Communications Engineers' Blog
                                                        • YouPlot - 標準入力からターミナルにグラフを描出するツール - Qiita

                                                          はじめに こんにちは。昨年のアドベントカレンダーでは、GR.rbというRubyでグラフを描出するツールを紹介いたしました。 Rubyでグラフを描画するツール GR.rb の紹介 今年はYouPlotというツールを作ったので紹介します。 Github: https://github.com/kojix2/youplot YouPlotは、ターミナルにグラフを描出するソフトです ターミナルの画面にアスキーアートでグラフを表示したいと思ったことはありませんか?YouPlotはそのためのツールです。グラフを描出するエンジンの部分は、mrknさんの作ったUnicodePlotを利用しています。エンジンの部分を作る記事ではありません。 この記事では、前半でYouPlotの使い方を簡単に紹介し、後半でコマンドラインツールをRubyで作る上で感じたことを書きます。 Uplotのつかい方 インストール

                                                            YouPlot - 標準入力からターミナルにグラフを描出するツール - Qiita
                                                          • Communicating with Interactive Articles

                                                            Examining the design of interactive articles by synthesizing theory from disciplines such as education, journalism, and visualization. Computing has changed how people communicate. The transmission of news, messages, and ideas is instant. Anyone’s voice can be heard. In fact, access to digital communication technologies such as the Internet is so fundamental to daily life that their disruption by

                                                              Communicating with Interactive Articles
                                                            • 【色変記事】社会人がAtCoder茶色になるまで1年半かかりました - Qiita

                                                              はじめに 社会人になってからAtCoderを始めてABC282で入茶したので振り返ります。 アカウントはこちらです。 https://atcoder.jp/users/mimimi0414 2021年の5月にQiitaでAtcoderを知ってPythonで4回参加してフェードアウトしました。 ABCのBまで解いて、C問題が何も分からずに逃走しました。 逃走後はyoutubeとtwitchとニコニコ動画をずっと見てました。 GAFAMとニコニコが天才を雇って人を依存させる仕組み作りをしているのが許せません。 嘘です。自分の意思が弱々なのが悪いです。 その1年後にQiitaでAtcoderの記事を見て何となくC++再開した気がします。 Twitterの競プロerに支えられて逃走せずに続けてます。 2022年11月に初入茶しましたが色落ちして、12月に再入茶しました。 再入茶はコンテスト36回目

                                                                【色変記事】社会人がAtCoder茶色になるまで1年半かかりました - Qiita
                                                              • RDBで直面した性能問題、グラフデータベースでなぜ解決できたか?[PR]

                                                                リレーショナルデータベースの普及とそれに続くNoSQLの登場により、用途によって適切にデータベースを使い分けることの重要性や利点が認識されるようになってきました。 NoSQLデータベースには、キーバリュー型やJSONドキュメント型などさまざまな種類のデータベースが含まれています。なかでも最近注目が高まっているのが「グラフデータベース」です。 注目度高まっているグラフデータベースとは? グラフデータベースは、例えばFacebookやLinkedInなどのソーシャルメディアが、ユーザー同士の関係性を表すソーシャルグラフを格納するのに使っている例がよく知られています。 マイクロソフトもMicrosoft 365の内部でグラフデータベースを用い、ユーザー同士の関係やグループとの関係、ユーザーとカレンダーやメッセージなどとの関係をグラフ構造で表した「Microsoft Graph」を、API経由で提

                                                                  RDBで直面した性能問題、グラフデータベースでなぜ解決できたか?[PR]
                                                                • https://jp.techcrunch.com/2020/02/07/2020-02-04-neo4j-4-0-graph-database-platform-brings-unlimited-scaling/

                                                                    https://jp.techcrunch.com/2020/02/07/2020-02-04-neo4j-4-0-graph-database-platform-brings-unlimited-scaling/
                                                                  • https://twitter.com/i/events/1023047114689892353

                                                                    • 「ヒートマップ」で数値データをビジュアル化 - 作り方で変わる!Excelグラフ実践テク(29)

                                                                      グラフを作成する目的は、数値データをビジュアル化して分かりやすく示すこと。そのために「棒グラフ」や「折れ線グラフ」などがよく利用されているが、状況によっては「ヒートマップ」のほうが便利に活用できる場合もある。厳密には「グラフ」とは呼べないので本連載の趣旨から少し外れるが、その作成方法を覚えておいても損はないだろう。 最適なグラフが見つからない!? 今回は、以下に示したデータをグラフ化する場合について考えてみよう。このデータは、あるWebサービスのアクティブユーザー数を曜日別、時間帯別に集計したものだ。 ユーザー数をまとめた表 まずは、普通に「集合縦棒」のグラフを作成してみると、以下の図のような結果が得られた。 「集合縦棒」のグラフを作成 これはこれで悪くはないが、「状況を把握しやすいか?」と聞かれると、少し疑問が残る。もっとシンプルに、状況を分かりやすく伝える手法がありそうな気もする。 そ

                                                                        「ヒートマップ」で数値データをビジュアル化 - 作り方で変わる!Excelグラフ実践テク(29)
                                                                      • 江崎貴裕|『RULE DESIGNー組織と人の行動を科学する』予約受付中! on Twitter: "信じられないくらい邪悪な棒グラフ(?)見つけた https://t.co/Dw0GugjyUP"

                                                                        信じられないくらい邪悪な棒グラフ(?)見つけた https://t.co/Dw0GugjyUP

                                                                          江崎貴裕|『RULE DESIGNー組織と人の行動を科学する』予約受付中! on Twitter: "信じられないくらい邪悪な棒グラフ(?)見つけた https://t.co/Dw0GugjyUP"
                                                                        • まもなく2歳になる娘の『話せる言葉の数』の習得状況をグラフにしたら綺麗な右肩上がりになった「子供すごい」「記録するママもすごい」 (2ページ目)

                                                                          しお🍉 @Sio_Satoo グラフ化、すごい……!!!📊研究者魂を感じる……そして納得。 たしかに、私が教えている海外キッズ学習者さん達、『好きです』シリーズの他には、めちゃめちゃ形容詞が発展するんですよね……形容詞の接続とか、使いたがるので先に教えています。(小さくて可愛い、とか)

                                                                            まもなく2歳になる娘の『話せる言葉の数』の習得状況をグラフにしたら綺麗な右肩上がりになった「子供すごい」「記録するママもすごい」 (2ページ目)
                                                                          • HTMLとCSSで作るインフォグラフィック(円/棒グラフ・レーダーチャート)【アニメーションつき】 | 東京のホームページ制作 / WEB制作会社 BRISK

                                                                            HTMLとCSSで作るインフォグラフィック(円/棒グラフ・レーダーチャート)【アニメーションつき】 更新日:2022/06/03 近年では、グラフやチャートといったインフォグラフィックを導入しているウェブサイトが増えてきています。インフォグラフィック化することでデータをよりわかりやすく表示出来たり、重要なポイントを強調したりできる、といったメリットを挙げることができます。 インフォグラフィックをウェブサイトに入れる場合、作成した画像を貼るだけでは問題ないですが、そこにアニメーションをつけるとなるとHTMLやCSS、JavaScriptを用いて作成する必要があります。HTMLやCSSでインフォグラフィックを作ろうとすると、なんだか難しそう…というイメージがあるかもしれませんが、実際には、とてもシンプルに作ることができます。どれくらい簡単か、ぜひ本記事で確認してみてください。 完成のデモはこち

                                                                              HTMLとCSSで作るインフォグラフィック(円/棒グラフ・レーダーチャート)【アニメーションつき】 | 東京のホームページ制作 / WEB制作会社 BRISK
                                                                            • SVG ANIMATIONS - JavaScriptも画像も用いないアニメーション集

                                                                              MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上でアニメーションを実現する方法は幾つかあります。アニメーションGIFを使う方法、CSSアニメーション、そしてSVGやJavaScriptを使うこともできるでしょう。ユーザ操作によるインタラクティブなアニメーションを実現しようとすると、JavaScriptが選択肢になります。 しかしWebブラウザ側でJavaScriptをオフにされるだけでJavaScriptベースのアニメーションは実現できなくなります。そこで参考にしたいのがSVG ANIMATIONSです。 SVG ANIMATIONSの使い方 SVG ANIMATIONSはCSSとSVGのみでアニメーションしています。JavaScriptも画像も使われていません。 複雑な幾何学模様系のアニメーションが多いです。 線が動く

                                                                                SVG ANIMATIONS - JavaScriptも画像も用いないアニメーション集
                                                                              • LambdaでAWS利用料のグラフをS3に保存し、Slackに通知する - Qiita

                                                                                はじめに AWSアカウントの管理者になってから、ほぼ毎日Cost Explorerで利用料を確認し、料金の急増がないかをチェックしています。ただ、 手動での確認はやはり手間がかかり、もっと手軽な方法でやりたい 利用料の状況をチームメンバーにも共有し、コストの管理意識を芽生えてもらいたい というニーズがあり、日々の利用料をSlackに通知するためのLambda関数を実装しました。 参考記事 まず、アーキテクチャとソースコードはこちらの記事を参考し、一部カスタマイズして作りました。(@hayao_kさん、ありがとうございました!) 日々のAWS請求額をグラフ付きでSlackに通知する ただ、弊社のSlackワークスペースにおいては、ファイルアップロードのための files:write スコープが規則上認められていないため、アーキテクチャを一部変更し、Slackへの直接アップロードではなく、一度

                                                                                  LambdaでAWS利用料のグラフをS3に保存し、Slackに通知する - Qiita
                                                                                • Interactive Media Bias Chart | Ad Fontes Media

                                                                                  Methodology SummaryThe following description is a summary of our methodology. For more detail, please see our Methodology page. SourcesOverall news source scores are generated based on scores of individual articles. Each article is rated by at least three human analysts with balanced political viewpoints: one who self-identifies as right-leaning, one as center-leaning, and one as left-leaning. Som

                                                                                    Interactive Media Bias Chart | Ad Fontes Media