どんなサービス？ デモ動画を見てもらうのが一番わかりやすいと思いますが、「音楽に合わせてウネウネ動く映像」を簡単に作成できます。 作った理由 僕はプログラミング以外に音楽製作もやっていて、SoundCloudなどにアップロードして公開したりしています。 活動していて感じたのが、いまどきは音楽だけで公開しても目立つことができないということです。Web 上のコンテンツはどんどんリッチになっているので、音声だけでは、例えば Twitter のタイムライン上で見過ごされてしまいがちです。 かといって、（僕のように）本気で音楽をやっているわけでもない人が、MV 製作までするのはかなり負担が大きいです。自分で作るにしても依頼するにしても、音楽制作とは全く関係のないスキルとコストが必要です。 一言でいうと、「作った音楽に、あまり労力をかけずに、それっぽい映像をつけてくれるサービスがあったらいいな」と思っ
GitHub - terrastruct/d2: D2 is a modern diagram scripting language that turns text to diagrams.
vars: { d2-config: { layout-engine: elk # Terminal theme code theme-id: 300 } } network: { cell tower: { satellites: { shape: stored_data style.multiple: true } transmitter satellites -> transmitter: send satellites -> transmitter: send satellites -> transmitter: send } online portal: { ui: {shape: hexagon} } data processor: { storage: { shape: cylinder style.multiple: true } } cell tower.transmit
Zenn や GitHub の Markdown から利用できる Mermaid には「Git ブランチを表現する」機能があります。 その機能を利用してみたところよい感じだったので、記述方法やカスタマイズについてなどを記事にしてみます。 Git ブランチを表現するとは？ ドキュメントでブランチの説明などを読んでいると下記のような図(グラフ)を見かけるかと思います。 図 1-1 AA によるブランチのグラフ A---B---C---D develop \ E---F---G topicA \ H---I---J topicB Mermaid の Gitgraph Diagrams を利用することにより、このような感じで表示できるようになります。 図 1-2 Mermaid によるブランチのグラフ 基本的な使い方 Mermaid 用コードブロックの先頭で gitGraph を記述し、Git の
D2 Tour | D2 Documentation
D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image. For example, download the CLI, create a file named input.d2, copy paste the following, run this command, and you get the image below. NETWORKUSERAPI SERVERLOGSCELL TOWERONLINE PORTALDATA PROCESSORSATELLITESTRANSMIT
仲野徹 『笑う門には病なし！』 on Twitter: "COVID-19について、感染を押さえ込めたかどうかは、患者数と新規患者数を両対数グラフで見たら一目瞭然、という物理学者が作ったビデオ。最高にわかりやすい。毎日一喜一憂するんじゃなくて、週単位で見ないとわからないとの指摘も。日本語… https://t.co/TY6dK6FCdR"
COVID-19について、感染を押さえ込めたかどうかは、患者数と新規患者数を両対数グラフで見たら一目瞭然、という物理学者が作ったビデオ。最高にわかりやすい。毎日一喜一憂するんじゃなくて、週単位で見ないとわからないとの指摘も。日本語… https://t.co/TY6dK6FCdR
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発時にDockerを利用している開発現場は多いでしょう。そして、複数のコンテナを組み合わせる場合、Docker Composeを使って管理しているのではないでしょうか。Docker Composeの設定を細かくこだわると、徐々に複雑なものになっていきます。 そこで使ってみたいのがNautilusです。Docker Composeの内容をグラフィカルに可視化してくれます。 Nautilusの使い方 docker-compose.yamlを読み込むと、その内容を表示します。 空いているポート番号を確認できます。 さらにストレージも描画できます。 表示方法を変更しました。 ネットワーク設定を複雑なものにしていたりすれば、より描画するメリットが出そうです。オープンソースでDocker C
That wasn’t terribly difficult, but it also probably took a bit of time and exploration. Can we do better? Instead of the typical folders & files view, we can create a visual representation of the code. Below, I've visualized the same repository, but instead of a directory structure, each file and folder as a circle: the circle’s color is the type of file, and the circle’s size represents the size
Visualize your ideas. Infinite space to research, brainstorm, diagram, and lay out your ideas. Canvas is a core plugin included for free with Obsidian. A playground for thought Canvas allows you to organize notes visually — an infinite space to research, brainstorm, diagram and lay out your ideas. Embed your notes alongside images, PDFs, videos, audio, and even fully interactive web pages. A new w
日本バイオデータ on Twitter: "系統解析をすると、たぶん新型コロナウイルスは日本に何回も来てる https://t.co/0ZfJtU41Fx"
系統解析をすると、たぶん新型コロナウイルスは日本に何回も来てる https://t.co/0ZfJtU41Fx
ゲームコミュニティ事業部のデータエンジニア（β版）の池田です。 この記事は、Tech KAYAC Advent Calendar 2019 の7日目です。 今回もredash周りの話で、Lobiでの分析事例の話をしていきたいと思います。 （本ブログではredashおじさん化していますね。 ） Lobiでの分析環境の概要 ゲームコミュニティ事業部では主要サービスとして Lobi を開発・運営しています。 現在のLobiにおける分析環境は、以下の図のようになっています。 分析環境の図 アプリケーションが行動ログやアクセスログを出力し、それをFluentdやKinesis Data Firehoseを使ってS3バケットへ転送しています。その後@fujiwaraさんのrinを使ってRedshiftにロードしています。この周辺に関しては、ソーシャルゲーム事業部での記事と同様ですので、詳しくはそちらを
GitHub - rougier/scientific-visualization-book: An open access book on scientific visualization using python and matplotlib
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.
Mermaid, topoJSON, geoJSON, and ASCII STL Diagrams Are Now Supported in Markdown and as Files
For more information about using diagrams on GitHub, see Creating diagrams in the GitHub documentation For more information about non-code filetypes on GitHub, see Working with non-code files geoJSON ### Here's a geoJSON map in markdown ```geojson { "type": "Polygon", "coordinates": [ [ [-90,30], [-90,35], [-90,35], [-85,35], [-85,30] ] ] } ``` topoJSON ### Here's a topoJSON map in markdown ```top
はじめに こんにちは。ZOZOTOWN開発本部アプリ部バックエンドの髙井です。普段は筋肉のビルドが趣味のエンジニアをやっています。私のチームではZOZOTOWNアプリのバックエンド全般の開発から運用までを行っています。 突然ですが、皆さんご存知でしょうか？ ZOZOTOWNはカスタマーサポートセンターの運営管理や従業員のマネジメント等を総合的に評価する「HDI五つ星認証プログラム」にて、五つ星認証を4回連続で取得しています。これは、CS（カスタマーサポート）対応をする弊社社員の皆さんの愛あるサポートの賜物で、同じサービスに携わる身としてもとても誇らしい気持ちです。 そんなCS対応ですが、問い合わせによっては原因調査をエンジニアが行っています。本記事では、CSからエンジニアに来たお問い合わせ（以後、CS問い合わせと呼ぶ）をまとめたレポート作成の自動化についての事例を紹介します。運用コストを抑
JSのProxyを使ってアルゴリズムの実行中の各ステップを可視化する仕組みを作る記事です。 （inspired by アルゴリズム図鑑） 初めに完成品のキャプチャとデモのリンクを貼っておきます。 DEMO: https://codesandbox.io/s/heuristic-morse-1kc2d?file=/src/index.js ※ スマホだとシンタックスハイライトでエラーが出てるのでコード記載無し版も置いておきます。 https://codesandbox.io/s/happy-sun-211bq?file=/src/index.js JavaScriptのProxyとは Proxy - JavaScript | MDN 最初にJSのProxyとは何か簡単に説明すると、 特定の操作に対するオブジェクトの振る舞いを拡張/変更できるオブジェクトです。 拡張されるオブジェクト（ターゲッ
プレゼン資料やウェブページなどを作成する際は、内容を分かりやすくまとめた図があると便利です。図を作成するためのツールは数多く存在しており、中には図に含まれる要素や表示形式をテキストで指定するだけで美麗な図を出力してくれるツールも存在しています。そんなテキストベース作図ツールの1種で、比較的シンプルな記法でモダンな図を出力できるツールが「D2」です。 D2 Tour | D2 Documentation https://d2lang.com/tour/intro/ Text to diagram https://text-to-diagram.com/ D2は、図の内容をテキストで指示することで、スッキリまとまった図を作成できるツールです。例えば、以下の画像の上部のようなテキストを入力すると、画像下部のような図を出力してくれます。 単純な図を作成する場合はExcelやPowerPointなど
Manage your database on a spreadsheet-UI and build powerful backend cloud functions, scalably without leaving your browser. Start like no-code, extend with code.
GitHub - CoatiSoftware/Sourcetrail: Sourcetrail - free and open-source interactive source explorer
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 - nagix/mini-tokyo-3d: A real-time 3D digital map of Tokyo's public transport system
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
今回は、仕事で使うことを主眼において、PythonとExcelを比較してみよう。結論から言えば、適材適所で用途に応じて使い分けるのがベストだ。とは言え、どのような場合にPythonを使うと良いのか考察してみよう。 Python vs Excel - 五番勝負 第一回戦 - どちらが気軽に使えるか？ 最初に、PythonとExcelで「どちらが気軽に使えるか」を比べてみよう。言うまでもなく、Excelを使う時は、スプレッドシートのセルにデータを入力し、マウスで操作を選んでいくというスタイルだ。これに対して、Pythonはエディタでプログラムを書いて実行するか、Jupyter NotebookやColaboratoryなどの対話実行環境を開いて、プログラムを記述していくというスタイルだ。 ExcelはGUIで操作を行う Pythonはエディタや対話環境を開いてプログラムを記述していく やはり、
GitHub - janestreet/magic-trace: magic-trace collects and displays high-resolution traces of what a process is doing
magic-trace collects and displays high-resolution traces of what a process is doing. People have used it to: figure out why an application running in production handles some requests slowly while simultaneously handling a sea of uninteresting requests, look at what their code is actually doing instead of what they think it's doing, get a history of what their application was doing before it crashe
ふるさと納税の寄付額（自治体への寄付金額＝受入額）と控除額（住民の寄付により自治体への納税分が控除された金額）をマッピングしました。 マップを見る データの見方 市区町村ごとにふるさと納税データを基に色分けしています。ページ下部の「寄付 - 控除額」「寄付増加率」ボタンを切り替えると、表示するデータを切り替えることができます。 寄付 - 控除額は2020年度の寄付額から控除額を引いた金額、寄付増加率は5年前（2015年度）と比較した寄付額の増加率です。 市区町村をタップすると、詳細なデータを見ることができます。 凡例
2023/05/22 更新: 当サイトは新型コロナウイルス感染症 (COVID-19) に関する最新情報を提供するために、東京都が開設したものです。
Nautilus
Nautilus: A Docker Compose yml file charting visualizer via Desktop application available for Mac, Windows, Linux
【都道府県別】人口あたりの新型コロナウイルス感染者数の推移
日本全国の都道府県別，人口あたりの新型コロナウイルス感染者数（感染確認例）の推移です．下部の地域ボタンまたは凡例（スマホは「凡例」ボタンで表示）をクリックすると都道府県の表示，非表示の切り替えができます（地図のクリックで表示，折れ線グラフのラベルをクリックで非表示も可能）．グラフのポイント上にカーソルで情報がポップアップ，クリックで強調，ドラッグで移動，マウスホイールでズーム．縦軸の初期表示は対数です．「縦軸」ボタンで通常スケールに切り替え可能です．「表示都道府県をURLに保存」ボタンを押すと，現在表示中の都道府県をブックマークで保存できます．「厚労省」「NHK」にチェックを入れて左のボタンでデータを選択すると，厚労省，NHK集計のデータも見ることができます．（NHKの集計は2022/9/27，厚労省および当サイトの集計は2023/5/8で終了しました） 【おことわり】御利用は各自の責任で
Swimlanes.io
Create sequence diagrams with simple online tool Swimlanes.io is a free webapp for making sequence diagrams. You simply edit the text on the left and the diagram is updated in real time. You can download your sequence diagrams as images or distribute with a link. title: Welcome to swimlanes.io One -> Two: Message note: **swimlanes.io** is a simple online tool for creating _sequence diagrams_. Edit
Google のデータ ビジュアライゼーションに関するマテリアルデザインの記事を Tableau 視点で読む - データ可視化のアイデア帳
先日話題になった、Google のデータ ビジュアライゼーションの記事が気になったので読んでみました。 material.io この記事はデータを可視化する際の基本的なセオリーから、個々のケースでの DO と DON'T が紹介しています。非常にまとまっている反面、英語であること、それなりの前提知識を必要とするなと感じたので*1 Tableau 的な視点から読んでみた感想をまとめていきます。 なお Tableau 視点ですので、Tableau にない思想やない機能については言及しません。訳してるように見える箇所も意訳ですので、正確性を求める方は元記事を読んでください。 Principle Type Selecting Charts 時系列変化を示す場合 棒グラフと円グラフ 棒グラフは異なるカテゴリーの時間による変化を示すのに使う 円グラフは時系列変化に使わない エリア チャート 積み重ねた
Global Deaths Due to Various Causes and COVID-19 | Flourish
+44 (0)20 3290 3920 Flourish is a registered trademark of Kiln Enterprises Ltd, UK company 08825531 G06, 16 Baldwin’s Gardens, London EC1N 7RJ
近年は生成AIを用いて作られた「実在する人物のディープフェイクヌード画像」が問題となっており、有名人だけでなく一般の女性や未成年の少女も被害に遭っています。そんな中、アメリカのフロリダ州に住む13歳と14歳の中学生が、「同級生のディープフェイクヌード画像を生成・共有した」として第3級重罪で起訴されたことが判明しました。 Florida teens arrested for creating ‘deepfake’ AI nude images of classmates - The Verge https://www.theverge.com/2024/3/8/24094633/deepfake-ai-explicit-images-florida-teenagers-arrested Beverly Hills school district expels 8th graders invo
Image credit: AuthorNumPy is a fundamental library that most of the widely used Python data processing libraries are built upon (pandas, OpenCV), inspired by (PyTorch), or can efficiently share data with (TensorFlow, Keras, etc). Understanding how NumPy works gives a boost to your skills in those libraries as well. It is also…
あなたの街の地価は？ 上昇・下落マップ2024
あなたの街の地価は？ 上昇・下落マップ2024 2020年3月18日 公開 2024年3月27日 更新
Unovis
import React, { useCallback } from 'react' import { VisXYContainer, VisAxis, VisArea, VisXYLabels } from '@unovis/react' import { data, formats, DataRecord, getLabels } from './data' export default function StackedArea (): JSX.Element { const labels = getLabels(data) return ( <> <VisXYContainer data={data} height={'50vh'}> <VisArea x={useCallback((d: DataRecord) => d.year, [])} y={formats.map(g =>
数学を愛する会 on Twitter: "ランダムな迷路を作って、最上部から地面までの最短距離を算出することで、落雷をモデル化できるらしい⚡️ https://t.co/YKCRblgtfi"
ランダムな迷路を作って、最上部から地面までの最短距離を算出することで、落雷をモデル化できるらしい⚡️ https://t.co/YKCRblgtfi
NAKAI on Twitter: "LANケーブルに流れているパケットのプロトコルを可視化 #SecHack365 の展示 https://t.co/gpcpZInxqa"
LANケーブルに流れているパケットのプロトコルを可視化 #SecHack365 の展示 https://t.co/gpcpZInxqa
（ほかのアニメーション画像も記事の下のほうにあります。Safariで画像がカクカクする場合は画像を開いてご覧ください。） はじめに 私たちはGPS衛星（をはじめとした、ガリレオ、みちびき、などのGNSS衛星）との位置関係を用いて自分の居場所を正確に知ることができます。ということは、それらの人工衛星自体が今どこを飛んでいるのかもきっと取得できるはずです。 少し調べてみると、実はGPS/GNSSの衛星というのは、衛星の現在位置そのものを送信しているわけではなく、軌道を表すためのパラメータ（＝軌道要素）を送信していることがわかりました。利用者側は、その軌道要素をもとに衛星の現在位置を手元で計算するわけですね。 そして、人工衛星の軌道というのは当然ながら様々な機関に監視されているため、軌道要素のデータは、GPSデバイスなどで直接受信せずとも、CelesTrak などのサイトから誰でもダウンロードで
AirbnbがVisxをリリース：Reactを使ったインタラクティブな視覚化のための低レベルでプリミティブなコンポーネントの集合
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
GitHub - k1LoW/ndiag: ndiag is a high-level architecture diagramming/documentation tool.
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
人口当たりの推移のグラフがなかなか見つからなかったので作成してみました．下部の地域ボタンまたは凡例（スマホは「凡例」ボタンで表示）をクリックすると国の表示，非表示の切り替えができます（地図のクリックで表示，折れ線グラフのラベルをクリックで非表示も可能）．グラフのポイント上にカーソルで情報がポップアップ，クリックで強調，ドラッグで移動，マウスホイールでズーム．国名を日本語にするには下部の「国名を日本語化」ボタンを押してください．「表示国をURLに保存」ボタンを押すと，現在表示中の国をブックマークで保存できます．表示している国が同系色で見にくい場合は「再配色」ボタンを押すと見やすくなります． 【おことわり】御利用は各自の責任で行っていただくとともに，正確を期す場合には元データを必ず御確認下さい． ※2023/3/10より元データがジョンズ・ホプキンス大学から，WHOの集計に基づくOur Wor
Welcome This is the website for the book “Fundamentals of Data Visualization,” published by O’Reilly Media, Inc. The website contains the complete author manuscript before final copy-editing and other quality control. If you would like to order an official hardcopy or ebook, you can do so at various resellers, including Amazon, Barnes and Noble, Google Play, or Powells. The book is meant as a guid
View a 3D model of your GitHub contribution graph. Share it, print it, and more!
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
音楽に合わせて動くかっこいい映像を簡単に作れるサービスを公開しました
Git ブランチの表現も Mermaid がよい感じに表示してくれました
Nautilus - Docker Composeの設定を可視化
GitHub Next | Visualizing a Codebase
Obsidian Canvas - Visualize your ideas
redash + Google Colabによる分析環境 - KAYAC engineers' blog
LookerStudioでDevOpsのレポーティングを自動化する - ZOZO TECH BLOG
JSのProxyでアルゴリズムを可視化する - Qiita
クレカ積立、月10万円に引き上げ SBI証券や楽天証券など対応
脱Excel方眼紙を目指す人必見の見やすい図をテキストだけで作れるアプリ「D2」 - GIGAZINE
Rowy - Low-code backend on Google Cloud and Firebase
ゼロからはじめるPython(53) Python vs Excel 五番勝負 - 仕事で使えるのはどちら？
ふるさと納税「市区町村別」寄付・控除額マップ
東京都 新型コロナウイルス感染症対策サイト
13歳と14歳の中学生が「同級生のディープフェイクヌード画像を生成・共有した」として起訴される
NumPy Illustrated: The Visual Guide to Numpy
人工衛星の軌道をPythonでアニメーションにしてみよう - Qiita
人口あたりの新型コロナウイルス感染者数の推移【世界・国別】
Fundamentals of Data Visualization
Your GitHub story in 3D - GitHub Skyline