Google Apps Scriptを使ってスプレッドシートをD3.jsで可視化する | DevelopersIO
データアナリティクス事業本部、池田です。 設計作業の中で、各処理の関連性（先行・後続、依存関係など）を有向グラフとして可視化することがありました。 始めは PlantUMLのオブジェクト図 で作図をしていたのですが、 表示する要素やそれらをつなぐ線の数が多くなると見づらくなってしまいました。 そこで、 D3.js を使用して情報の可視化 を試みました。 加えて、情報の更新を容易にするため、Google スプレッドシートを併用することにしました。 （細かいGoogle Apps Scriptの操作説明は省略しておりますので、 弊社の他のブログ などを参考にして下さい。 また、本文では以降それぞれ、GAS・スプレッドシート・d3と表記致します。） 作成結果 ブラウザ上で、3ファイル作るだけ で可視化できました。 こんなの（PlantUML）が ↓ こうなる（d3） スクリーンショットにしてしま
oreilly.com
More than 5,000 organizations count on our digital courses and more to help their teams learn the tools and technologies that drive business outcomes. We can help yours too. New AI policy for O’Reilly authors and talent O’Reilly president Laura Baldwin shares the company’s ethical approach to leveraging GenAI tools and ensuring O’Reilly experts are compensated for their work. Read it now It’s time
React D3 Library
A JavaScript library that allows developers the ability to use D3 in React. Get Started » Virtual DOM All of your D3 will now be compiled into React Elements which allows the ability to use React's diffing algorithm for full optimization Flexibility React D3 Library also supports transitions, animations, tooltips, zoom, brush, event listeners, and the list goes on.
Google MapにSVGをオーバーレイする(SHAPEデータ軽量化) | GUNMA GIS GEEK
Google MapにD3.jsで作成したSVGをオーバーレイする 前回作成した鶴（群馬県SVG）をGoogle Mapに貼り付けます。 詳しくは、exampleのソースを直接みてください。 #map { width: 500px; height: 500px; } .SvgOverlay { position: relative; width: 500px; height: 500px; } .SvgOverlay svg { position: absolute; top: -4000px; left: -4000px; width: 8000px; height: 8000px; } .SvgOverlay path { stroke: black; stroke-width: 1px; fill-opacity: .6; } window.onload = function ()
DataMaps
Changelog v0.5.0: High resolution maps now available v0.4.4: updateChoropleth now accepts a reset option parameter v0.4.0: Allows functions instead of literal values, many bug fixes v0.2.10: Allows `height`/`width` as option parameters, fixes IE mouseover issue v0.2.7: Added dataUrl to remote fetch JSON or CSV data Examples Basic:
Is
Is Plotly.js Free? Plotly's open-source graphing libraries are free to use, work offline and don't require any account registration. Plotly also has a commercial offering called Dash Enterprise. New to Plotly? Plotly is a free and open-source graphing library for JavaScript. We recommend you read our Getting Started guide for the latest installation or upgrade instructions, then move on to our Plo
Welcome to Bokeh — Bokeh documentation
Bokeh documentation# Bokeh is a Python library for creating interactive visualizations for modern web browsers. It helps you build beautiful graphics, ranging from simple plots to complex dashboards with streaming datasets. With Bokeh, you can create JavaScript-powered visualizations without writing any JavaScript yourself. Finding the right documentation resources# Bokeh’s documentation consists
mpld3 — Bringing Matplotlib to the Browser
mpld3¶ The mpld3 project brings together Matplotlib, the popular Python-based graphing library, and D3js, the popular JavaScript library for creating interactive data visualizations for the web. The result is a simple API for exporting your matplotlib graphics to HTML code which can be used within the browser, within standard web pages, blogs, or tools such as the IPython notebook. See the Example
Straightforward React UI Testing | Toptal®
Editor’s note: This article was updated on 10/17/2022 by our editorial team. It has been modified to include recent sources and to align with our current editorial standards. Fully testing user interactions is notoriously difficult. Front-end views weren’t well-suited for traditional automated testing frameworks until React.js came along. With the advent of single page application (SPA) frameworks
RAWGraphs
Open sourceInspired by and built on top of open source projects. RAWGraphs is open to the community for contributions. A wide range of chartsAlmost 30 visual models to visualize quantities, hierarchies, time series and find insights in your data. Your data is safeEven though RAWGraphs is a web app, the data you insert will be processed only by your web browser.
Introducing d3-shape
Say you’re building a new tool for studying data. What’s the most natural representation for specifying a visualization? A configurable chart? Abstract operators and coordinate systems? Graphical marks and visual encodings? Each abstraction offers its own advantages. For exploratory visualization, you may favor speed (efficiency) so that you can quickly test different views to discover patterns. F
Pyxley: Python Powered Dashboards | Stitch Fix Technology – Multithreaded
Pyxley Web-based dashboards are the most straightforward way to share insights with clients and business partners. For R users, Shiny provides a framework that allows data scientists to create interactive web applications without having to write Javascript, HTML, or CSS. Despite Shiny’s utility and success as a dashboard framework, there is no equivalent in Python. There are packages in developmen
Data visualization with Elasticsearch aggregations and D3
Update November 2, 2015: Please note that facets are not supported in Elasticsearch 2.0+. For those of you familiar with Elasticsearch, you know that its an amazing modern, scalable, full-text search engine with Apache Lucene and the inverted index at its core. Elasticsearch allows users to query their data and provides efficient and blazingly fast look up of documents that make it perfect for cre
cola.js: Constraint-based Layout in the Browser
cola.js (A.K.A. "WebCoLa") is an open-source JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques. It works well with libraries like D3.js, svg.js, and Cytoscape.js. The core layout is based on a complete rewrite in Javascript of the C++ libcola library. It also has an adaptor for d3.js that allows you to use cola as a drop-in replacemen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps + D3
GitHub - Swizec/react-testing-example: A sample project to investigate testing options with ReactJS
Keynote Jeffrey Heer
Epoch
D3 in a Box is Docker for Visualizations
MetricsGraphics