Product SuiteSee and build the future with a powerful visual collaboration suite.
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript(Emscripten)版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
(追記) s/Blockdiag/blockdiag/g だそうです(参考)。失礼しました。 日曜の昼間にTwitterを眺めていたら、次の資料が流れていきました。 ドキュメンテーションを加速するストレスフリーの作図ツール『blockdiag』 jus2011年6月勉強会 blockdiagという図(ダイアグラム)を描画するツールの紹介です。 資料をざっと読んだところ、このツールは自分が求めている作図ツールにとても近いと感じたので、インストールして試してみました。 その結果、これを使えば、「マウスを使わずに図を描きたい」という長年の希望が叶うことが分かりました。ヤッター! 仕事でも趣味でも、個人作業で図を描くときに、しばらく使ってみます。 気に入ったところ XML以外の手段で、図の論理構造を宣言的に記述できる XMLが人間にとって最も可読性の高い書式かというと、そうではないと自分は感じます
blockdiag - simple diagram images generator¶ blockdiag and its family generate diagram images from simple text files: Features: Supports many types of diagrams block diagram (w/ blockdiag) sequence diagram (w/ seqdiag) activity diagram (w/ actdiag) logical network diagram (w/ nwdiag) Generates beautiful diagram images from simple text format (similar to graphviz’s DOT format) Layouts diagram eleme
グラフを描かずにグラフを描きたい ひとりぶろぐのmoyashi (@hitoriblog) です。 ブログに使う図表。描くのが面倒で、つい文章説明で済ませてしまいがち。 図というと、Adobe Illustratorや、OmniGraffleなどのドロー系グラフィックソフトで作るものだという先入観がありますが、テキストで記述した指示を元に、図を描画するタイプのソフトウェアがあります。 定番に、Graphvizというものがあるそう。Graphvizは無向グラフ/有向グラフ描画に特化したソフトウェア。フローチャートのようなグラフが描画できます。 @hitoriblog graphvizとか定番ですねー — Genki Takiuchi (@takiuchi) August 14, 2013 こんな感じのグラフが描けます。 Gallery | Graphviz – Graph Visualiza
できるだけ正確な円弧をIllustratorで作成するとき、いつも自分がとっている手法を紹介します(ここで言う「円弧」とは、正円の一部を切り出した一定の曲線のことです)。以前の記事、「Illustratorで接線(正円に接する直線)を作る方法」と同様に基本的な作図の考え方です。実は昨年の10月頃から書こう書こうと思っていたんですが、イシジマミキさん(@woopsdez)が「dot-ai2」のセッションの中で弧を描くというネタを披露されていたため、さすがに直後はマズいかなって思って控えていました。実際には色々な方法があると思いますが、手法の一つとして参考にしてください。ちなみに、「dot-ai2」はまだビデオ参加できるので興味のある方はぜひ。自分も登壇しています。 今からやりたいことフリーハンドでざっくりと描いた円弧を奇麗にトレースする手順でやってみましょう。とにかく円弧の中心点さえ分かれば
Illustratorで円に接する直線を引きたいことがあります。標準では接線をつくる機能がないので、簡単に実現するとなるとスクリプトやプラグインに頼ることになります。便利なスクリプトを配布されている方もたくさんおられるのでそれらを利用するのが一番ですが、標準機能だけで作れる方法も覚えておくと便利です。これはIllustratorの機能というよりは、どちらかと言うと作図としての考え方なので、一度理解しておくと色々役立つかも知れません。 今からやりたいことまず図の左側のように、正円と適当な角度の直線があるとします。これを、図の右側のようにある1点で密着させたいと思います。このとき、直線は正円に対する接線となります。 01直線に90度で交わる直線を作る直線を選択し、[回転ツール]をダブルクリックして[角度:90]で[コピー]します。これで、元の直線に90度で交わる直線ができます。図では分かりやす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く