並び順

ブックマーク数

期間指定

  • から
  • まで

481 - 520 件 / 571件

新着順 人気順

chartの検索結果481 - 520 件 / 571件

  • 【色変記事】社会人が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]
      • TechCrunch | Startup and Technology News

        The prospects for troubled banking-as-a-service startup Synapse have gone from bad to worse this week after a United States Trustee filed an emergency motion on Wednesday.  The trustee is asking…

          TechCrunch | Startup and Technology News
        • 【Excelグラフ】何を比較して何を主張するために、どの範囲を選択するのか - わえなび ワード&エクセル問題集 waenavi

          世の中には「とりあえずExcelでグラフを作ってから分析してみる」という意味不明なことを言う人がいるようですが、グラフを何だと思っているのでしょうか?? 何らかの表を作った段階である程度の傾向が見えている(または傾向を見てみたい)から、それをはっきりとさせるために図形化するのであって、目的もなくグラフをかいても分析はできません。Excelは指定された選択範囲でグラフを作ることはできますが、その範囲は人間が指定しなければならないのです。何も考えていない状態で作ったグラフは、まったく意味のないグラフになります。 そこで今回は、意味のあるグラフを作るためにはどのような範囲選択をすればよいかについて出題します。 「グラフ」完全マスターシリーズ(この記事は第5回です) グラフの作り方を勉強したい初心者に何を説明するべきか? 「見やすい」「分かりやすい」とかいう以前の問題 棒グラフ・折れ線グラフ・円グ

            【Excelグラフ】何を比較して何を主張するために、どの範囲を選択するのか - わえなび ワード&エクセル問題集 waenavi
          • 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 グラフ化、すごい……!!!📊研究者魂を感じる……そして納得。 たしかに、私が教えている海外キッズ学習者さん達、『好きです』シリーズの他には、めちゃめちゃ形容詞が発展するんですよね……形容詞の接続とか、使いたがるので先に教えています。(小さくて可愛い、とか) 2022-04-24 14:38:54

                    まもなく2歳になる娘の『話せる言葉の数』の習得状況をグラフにしたら綺麗な右肩上がりになった「子供すごい」「記録するママもすごい」 (2ページ目)
                  • 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
                        • 文章内に折れ線グラフを挿入する

                          Result 非依存のvanillaなコードで動作します データを元にグラフをcanvasで生成し、挿入します。データは配列で管理します javascript/** * データとclass */ let stonks = document.querySelectorAll(".stonk"); data = [ [ 420, 700, 500, 480, 460, 490, 390, 420, 550, 340, 320, 240, 180, 160, 200, 40, 0 ], [1, 3, 2, 3, 1, 2, 3], [13, 30, 12, 3, 51, 20, 31] ]; /*グラフのスタイル*/ const options = { lineWidth: 2, color: "#E3342F" }; /** * Class */ class Stonk { construct

                            文章内に折れ線グラフを挿入する
                          • GraphNVP - Preferred Networks Research & Development

                            本記事は、2018年インターンシップ・PEとして勤務した Kaushalya Madhawa さんによる寄稿です。 本記事はこちらの英語ブログの日本語訳です。 本記事では、私たちが最近投稿した論文 “GraphNVP: An Invertible Flow Model for Generating Molecular Graphs” を紹介します。 コードも公開しています → Github repo 分子の生成モデル 望ましい薬理学的な物性値をもつ新しい分子の発見は創薬の分野において重要な問題です。これまで、候補となる化合物を実際に合成して実験を行うといったことがされてきました。 しかし、化合物のとりえる形の可能性は膨大でそれらを合成し、実験するということはとても時間がかかります。 このように望む物性値をもつ分子を探す代わりに、”de novo drug design” では、新しい化合物

                              GraphNVP - Preferred Networks Research & Development
                            • ばぶでもわかるおぶざばぶる:D3.jsとObservableではじめるデータビジュアライゼーション:すぎもと組

                              【2022年1月28日 電子版を無料にしました】 【紙版の頒布は終了しました】 『ばぶでもわかるおぶざばぶる D3.jsとObservableではじめるデータビジュアライゼーション超入門』 JavaScriptのライブラリD3.jsを使ったデータビジュアライゼーション超入門本です。 WebサービスObservableを使うため、ソフトウェアをインストールすることなく、すぐに始めることができます。 JavaScriptを使ってビジュアルを作りたい方やプログラミング学習中の方におすすめします。 サンプルコードは、本文で紹介しているサポートページで公開しています。 こちらもご覧ください。 技術同人誌『ばぶでもわかるおぶざばぶる』をつくりました|すぎもとたつお|note https://note.com/sugi2000/n/n0dd991a3a0c4 特設ウェブサイト https://obser

                                ばぶでもわかるおぶざばぶる:D3.jsとObservableではじめるデータビジュアライゼーション:すぎもと組
                              • ネットワークグラフ描画ライブラリ7個まとめ - Qiita

                                参考ページ D3.js D3.js v4/v5 force simulation 最小構成 – サンプル d3.jsでスゴイっぽい図(force layout)を作ってみたら思ったより簡単だった件 sigma.js How to use Sigmajs to display your graph ? vis.js Network Examples vis.jsを使ってネットワークを書く vis.jsでグラフ描写 VivaGraphJS VivaGraphJS Amazon Visualization Cola.js Cola.js cola.jsによるデータビジュアライゼーション Cytoscape.js Cytoscape.jsを試してみた Cytoscape.js でインタラクティブなグラフ構造描画 - WordNet の可視化例 自律分散監視システムとそれを利用したネットワークグラフ

                                  ネットワークグラフ描画ライブラリ7個まとめ - Qiita
                                • GitHub - nadavrot/layout: Layout is a rust library and a tool that renders Graphviz dot files.

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    GitHub - nadavrot/layout: Layout is a rust library and a tool that renders Graphviz dot files.
                                  • Streamlitを使って株価データをグラフ表示した - Qiita

                                    StreamlitとはPandasのDataFrameやmatplotlibで作成したグラフを簡単にウェブアプリにすることが出来るサービス 株価データ取得の方法はこちら → Seleniumを使い株価データを自動取得 株価データをBigQueryに保存する方法はこちら → 自動取得した株価データをBigQueryに保存 Streamlit公式サイト はじめに パッケージをインストール pip install streamlit デモを起動 streamlit hello

                                      Streamlitを使って株価データをグラフ表示した - Qiita
                                    • GitHub - cycloidio/inframap: Read your tfstate or HCL to generate a graph specific for each provider, showing only the resources that are most important/relevant.

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        GitHub - cycloidio/inframap: Read your tfstate or HCL to generate a graph specific for each provider, showing only the resources that are most important/relevant.
                                      • Elixirで学び直す高校数学①:第3章「方程式で図形を描く」前半 ~PythonからElixirの世界へようこそ~ - Qiita

                                        【本コラムは、10分で読めて、10分くらいでお試しいただけます】 piacere です、ご覧いただいてありがとございます 「Pythonで学び直す高校数学」(以降、本書)を買い、Elixirに書き直そう…と思って早4年、なかなか暇が無くて書けないでいましたが、やっと書く機会が訪れました なお、本書の内容は割愛するため、お手元に書籍をご用意してください 進行としては、第2章まではPython基礎のためスッ飛ばし、第3章「方程式で図形を描く」から始めていきます しょっぱなからグラフを扱うため、Livebookを使って実現していきます Livebookの構築方法は下記の通りです Elixirのインストールからであれば、下記をご覧ください Elixir Advent Calendar 言語カテゴリ1位 & 全カテゴリ2位! 例年を遥かに超える盛り上がりを見せ、堂々のトップ獲得ッ! https://

                                          Elixirで学び直す高校数学①:第3章「方程式で図形を描く」前半 ~PythonからElixirの世界へようこそ~ - 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
                                          • Coronavirus worldwide evolution

                                            CSS Styles Config Params Animation aux Vis code Data Aux functions Code Libraries

                                              Coronavirus worldwide evolution
                                            • 組み込みLinuxの起動シーケンスを理解し、自社開発のLinuxアプリケーションをシステムへ統合する | APS|組み込み業界専門メディア

                                              組み込みLinuxの魅力は、オープン・コミュニティから収集した多彩なコンポーネントと自社開発のコンポーネントを自由自在に組み合わせ、サービスを手早く構築し、これまでに無かった価値を創造できることです。今回の初心者講座ではLinuxディストリビューションの起動シーケンスを例に、Linuxディストリビューションにはどういったコンポーネントが含まれているのか、Linux上にて各コンポーネントはどのように連携しているのかについて解説いたします。また、こうしたLinuxのコンポーネント上で実行できるアプリケーションの開発方法を記事後半で解説。開発するPC(ex. Intel CPU)と異なるCPUアーキテクチャのターゲットデバイス(ex. 64bit Arm)を扱うためのクロスプラットフォーム開発の導入部を紹介いたします。是非、最後までお楽しみください。 8本すべて無料!組み込みLinuxウェビナー

                                                組み込みLinuxの起動シーケンスを理解し、自社開発のLinuxアプリケーションをシステムへ統合する | APS|組み込み業界専門メディア
                                              • リッジ回帰とラッソ回帰の理論と実装を初めから丁寧に - Qiita

                                                はじめに 前回の記事で重回帰分析の導入をしてみたので、今回はその続きということで、2つ同時にやってみたいと思います。 ベクトルの微分公式については下記のブログが参考になります。 もしこの記事がお役に立てた時はQiitaのイイねボタンを押していただけると励みになります。 参考記事 「ベクトルで微分・行列で微分」公式まとめ 重回帰分析 リッジ回帰について考える際に、重回帰分析の理解はマストになるのでここでも見ていこうと思います。式変形については、前回の記事で詳しく導入したので少しだけ端折っていきます。 準備 説明変数$x_1, x_2, x_3, \cdots, x_m$を$\boldsymbol{x}$($x$のベクトル)とする 予測値を$\hat{y}$とする($\hat{y}$はスカラー) 回帰係数を$w_1, w_2, w_3, \cdots, w_m$を$\boldsymbol{w}

                                                  リッジ回帰とラッソ回帰の理論と実装を初めから丁寧に - Qiita
                                                • 📈 vue-chartjs

                                                  • CSS製の円グラフを手軽に作れるWebアプリ・「CSS Pie Chart Generator」

                                                    CSS Pie Chart GeneratorCSS製の円グラフを手軽に作れるシンプルなWebアプリです 画像だと管理が面倒だしCSSだとコード書くのが面倒な円グラフなので地味に需要はあるかも? 以下、試しに使ってみた感想です 動作テスト 設定項目に入力するだけで使えます。タイトルやソース元、ラベルと数値を入力すれば即反映されます ドーナツ型にも出来たりサイズ変更も自在に行えます。勿論、日本語も問題ありません。 Codepenに作られたコードを投げる機能もあるので動作テストも楽で良いのでは CSS Pie Chart Generator

                                                      CSS製の円グラフを手軽に作れるWebアプリ・「CSS Pie Chart Generator」
                                                    • HTMLとCSSで作るインフォグラフィック(円/棒グラフ・レーダーチャート)【アニメーションつき】 | 東京のホームページ制作 / WEB制作会社 BRISK

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

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

                                                        vizzu - Library for animated data visualizations and data stories

                                                          vizzu
                                                        • とほほのChart.js入門 - とほほのWWW入門

                                                          JavaScript でグラフ(チャート)を描画するためのライブラリです。 MITライセンスで、商用・私用を問わず無償で利用可能です。 現在(2021年5月)の最新版は 3.2.1。3.x 系は 2.x 系と色々仕様が変わっています。 npmの場合は下記を実行してください。 # npm install chart.js CDNを利用する場合は下記から対象のバージョンと形式を選択し、[Copy Script Tag] でスクリプトタグを張り付けてください。 https://cdnjs.com/libraries/Chart.js 時系列チャート(type: 'time')を扱う場合は、日時ライブラリとアダプタが必要です。 date-fns - オススメ luxon - Chart.js 2.x系にしか対応していないみたい。 moment - 最近は開発が止まってる。 <!DOCTYPE ht

                                                          • シーケンス図とは?書き方やツールを初心者でも分かるように紹介 | Cacooブログ

                                                            IT業界は専門用語のオンパレード、常に職場ではカタカナ言葉が飛び交います。はじめてIT業界に足を踏み入れた人はびっくりしますよね。 研修が充実していたり、指導役の先輩が常に指導したりしてくれるなら良いですが、教えてもらったからすぐにできる、理解したというわけではありません。用語の理解はもちろんですが、実際に使ってみる事がとても大切です。 この記事ではUML(統一モデリング言語)の1つである「シーケンス図」について、用語の意味から作り方、作るときの注意点まで、初心者でも分かりやすく解説します。 シーケンス図とは「プログラムの処理の流れや概要」を設計する際に使われます。オブジェクト指向のソフトウェア設計においては、グローバルスタンダードの設計手法と言っても過言ではありません。 プログラムの処理の流れや概要について、具体的には「クラスやオブジェクト間のやり取り」を「時間軸に沿って」、図で表現しま

                                                            • トランプ政権下の経済、10のグラフで読み解く

                                                              (CNN) トランプ政権が始まった2017年、経済は順調だった。 雇い主は76カ月連続で雇用者数を増やし――これは当時の最長記録だった――失業率はたったの4.7%と10年ぶりの低い水準だった。企業利益は過去最高に近く、株価も同様だった。全体的には国内総生産(GDP)が年率約2.5%で成長、世界最大の経済国としては適度な数値だった。 ただ、すべてがバラ色だったわけではなく、連邦政府の債務は1950年代以降で最大のレベルに膨れ上がっていた。それでもほとんどの数値が示していたのは、経済は堅調という否定しがたい事実だった。そしてトランプ氏にとって、経済がそこからさらに成長を続けたのは幸運だった。 そして、新型コロナウイルスのパンデミック(世界的大流行)を迎える。 以下に示すのは、レーガン政権以降の各政権下で、経済がどのように推移したかを示す10の指標だ。まず、各政権が異なる環境の中でスタートしたこ

                                                                トランプ政権下の経済、10のグラフで読み解く
                                                              • 「Redash v10.1.0」で気になった新機能と機能改善 - kakakakakku blog

                                                                2021年10月に Redash の最新バージョン「Redash v10.0.0」がリリースされた.そして現在は「Redash v10.1.0」まで出ている.また Redash 界隈ではよく知られた「正式リリースまで到達しなかった v9.0.0」という話もあり,実に2年振りの正式リリースとなる.Redash を使っている会社だとでは「v8 → v10」にアップデートする機会が多いと思う. バージョン リリース日 v9.0.0-beta 2020-06-11 リリース v10.0.0-beta 2021-06-16 リリース v10.0.0 2021-10-01 リリース v10.1.0 2021-11-23 リリース 今回は Change Log を確認しつつ,「個人的に気になった Redash v10.1.0 新機能と機能改善」を「計5点」紹介する.全ての変更点は以下に載っている. gi

                                                                  「Redash v10.1.0」で気になった新機能と機能改善 - kakakakakku blog
                                                                • オンボーディング改善に機械学習を活用する〜Graph Embedding(node2vec)による推薦アイテム計算〜 - コネヒト開発者ブログ

                                                                  みなさんこんにちは。MLチームのたかぱい(@takapy0210)です。 本日は、コネヒトの運営するママリのオンボーディング改善に機械学習を活用した事例のパート2をお話をしようと思います。 パート1については以下エントリをご覧ください(取り組んだ背景なども以下のブログに記載しています) tech.connehito.com (おさらい) 今回実施しているオンボーディング改善には大きく分けて以下2つのステップがあります。 ステップ1:興味選択にどのようなトピックを掲示したら良いか?(前回のブログ参照) ステップ2:興味選択したトピックに関連するアイテムをどのように計算(推薦)するか? 本エントリでは主にステップ2の内容についてお話しできればと思います。 (※本記事で添付している画像に関しては、開発環境のデータとなっています) 目次 はじめに ルールベースの推薦 ルールベースの課題 機械学習を

                                                                    オンボーディング改善に機械学習を活用する〜Graph Embedding(node2vec)による推薦アイテム計算〜 - コネヒト開発者ブログ
                                                                  • 【資料作成の効率化Tips】表やグラフはベタ打ちするよりスプレッドシートから読み込むのがおすすめです。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                    今回は、スライドやドキュメントで資料を作成するときに、スプレッドシートから表やグラフを読み込む方法についてまとめました。 ※この記事での「スライド」とはGoogleスライド(パワーポイントのようなプレゼンテーション用資料作成ツール)、「ドキュメント」とはGoogleドキュメント(Wordのような文書作成ツール)を指しています。LIGでは主にこれらのツールを資料作成に利用しています。 スプレッドシートから表やグラフを読み込む 効率を上げて正確性も上がる 私は、会議やプレゼンテーション用に資料を作る機会がよくあるのですが、定期的に数字やグラフのアップデートをする際に、毎回時間がかかっていました。 スライドやドキュメントは、計算式を使って動的に表やグラフを作るには使いづらいため、数字をスプレッドシートで計算して、毎回手入力をしたり、体裁を整えたり、手入力したことでミスがないかの確認などがあるため

                                                                      【資料作成の効率化Tips】表やグラフはベタ打ちするよりスプレッドシートから読み込むのがおすすめです。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                    • GitHub - chartbrew/chartbrew: Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more 📈📊

                                                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                        GitHub - chartbrew/chartbrew: Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more 📈📊
                                                                      • 第130回 局所睡眠:実はよく使う場所ほど深く眠っている脳

                                                                        「睡眠とは何か?」 「睡眠とは眠っている状態のことだ、当たり前だろう」という声が聞こえてきそうだが、「眠っている状態」を科学的に定義できるようになったのは脳波の発見以降で、近代科学史の中でも比較的最近のことである。 現在の脳科学では睡眠は「全脳的な脳波の周波数と波形」で定義されている。しっかりと覚醒している状態から深く眠っている状態まで脳波の周波数は段階的に遅くなり 、その途中で幾つかの特徴的な波形の脳波が出現することが明らかとなった。1968年にRechtschaffenとKalesらがそれら脳波の周波数や波形の組み合わせで睡眠と覚醒の区別や睡眠の深さを判定するルールを提唱し、現在でも世界中で広く使われている。そのため、脳波で定義された現在の睡眠は脳波睡眠とも呼ぶ。詳しくは第34回「睡眠の定義とは何か?―「脳波睡眠」という考え方」で紹介したのでご興味があればお目通しいただきたい。 さて、

                                                                          第130回 局所睡眠:実はよく使う場所ほど深く眠っている脳
                                                                        • billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT

                                                                          Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。 今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強い味方です。覚えておくと使える場面が多そうです。 billboard.jsの使い方 主なグラフについて紹介していきます。まずは円グラフ。 オンマウスに対応しています。他のグラフも同様です。 エリアチャート。 エリアレンジチャート。 棒グラフ。 バブルチャート。 複合グラフ。 ドーナッツグラフ。 ゲージグラフ。 折れ線グラフ。 折れ線グラフですが、途中線種を変えています。 レーダーチャート。 散布図。 曲線グラフ。 積み重ねの棒グラフ。 ステップグラフ。 グリッドライン。 横

                                                                            billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT
                                                                          • バブルチャート

                                                                            バブルチャートは、散布図を構成するデータに加えて、それに関係するもう一つの量的なデータを加え、円の大きさで表すグラフです。3つのデータの関係性について、一つのグラフで見ることができます。 バブルチャートの作り方 以下の表は、平成28年に実施された「経済センサス-活動調査」の結果から、産業ごとの企業等数、売上金額、付加価値額を比較した表です。この表から、各産業の企業等数、売上金額及び付加価値額の状況を示すバブルチャートを作成します。 表 産業ごとの企業等数、売上高、付加価値額 ① 作成したエクセル表からグラフ作成に必要な数値を選択し、画面上部にある「挿入」タブから「散布図またはバブルチャートの挿入」⇒「バブル」か「3-D効果付きバブル」を選択します。ここでは「バブル」を選択しています。 図 バブルチャートの種類選択

                                                                            • ニューヨーク州の新型コロナウイルス(SARS-CoV-2)基本再生産数R₀を推定してみたら、やはり破滅的だった

                                                                              リクエストがあったので、ニューヨーク州(半分以上は市)のデータから、東京都の推定などに使ったのと同じ推定モデル、同じパラメーター暗数7割と回復率γを仮定して*1、(a)3月1日から4月4日までの1ヶ月ちょっと、(b)3月1日からの1週間、(c)4月4日までの1週間の3種類のR₀の推定と、最後の(c)のR₀(に従うβ)をパラメーターにとる4/4からのSIRモデルによる予測を描いてみた。 まずは、(a)3月1日から4月4日までの1ヶ月ちょっとだが、指数分布に従わないプロットになっている事が分かる。初期の急増に対して慌て、次々にうった感染防止策がある程度機能していることを意味する。なお、感染から発症までが5日間、重症化するまで7日間と言われるので、横軸の日付の12日ぐらい前の状況を見ている。

                                                                                ニューヨーク州の新型コロナウイルス(SARS-CoV-2)基本再生産数R₀を推定してみたら、やはり破滅的だった
                                                                              • jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT

                                                                                チャートやネットワーク図などを描くのに使われるのがGraphvizです。多くの場合PNGなどの画像で出力して利用しますが、SVGへのエクスポートも可能です。Web向けであれば、画像よりも使い勝手が良いでしょう。 そんなGraphvizで出力したSVGを表示するのがjquery.graphviz.svgです。 jquery.graphviz.svgの使い方 表示しました。 ノードをクリックすると、ハイライト表示されます。 さらにズームイン/アウトができます。 jquery.graphviz.svgはGraphvizのSVGデータに対して、ハイライトとズームイン、ズームアウトを追加します。さらにデータをレスポンシブにしてくれるので、どのデバイスに対しても適切な表示が可能です。 jquery.graphviz.svgはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT L

                                                                                  jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン MOONGIFT
                                                                                • Scala プログラミング - インフォグラフィック:2020年開発者エコシステムの現状

                                                                                  Scala開発者の間では、マイクロサービスの開発が非常に人気が高いです。72%がその目的でScalaを使用しており、同言語はマイクロサービス開発に使用される言語で最も高いシェアを獲得しています。

                                                                                    Scala プログラミング - インフォグラフィック:2020年開発者エコシステムの現状

                                                                                  新着記事