Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。
※記事内の情報が古くなっています。 ファーストインプレッション！ E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup Awards Excelでいつも作っているグラフをもっと恰好良くしたくないですか？でも，デザインソフトを自分で習得するには時間がかかりますし，グラフ作成をデザイナーに依頼にはお金がかかります．そこで我々は，ExcelからD3ライブラリーを簡単に呼び出せるOffice用アプリE2D3（Excel to D3）を開発しました．D3は2014年，世界で最も注目されているグラフィックライブラリーです．E2D3を使えば，D3の詳細な中身を理解する必要なく，簡単なExcel操作のみでビジュアルインパクトが強烈なグラフを作成できるようになります！ 以前から注目していた「E2D3」がリリースされたそうなので使ってみました。 詳しい内容は以下の
目的別お勧めプログラミング言語
いまやプログラミング言語は百花繚乱の戦国時代。あまりにも選択肢が多すぎて入門者なにを選んでいいのかさっぱりわからないという状態になっています。 そこで、やりたいことに合わせてオススメのプログラミング言語を紹介してみることにしました。 目的に合わせて、適切なプログラミング言語を選択しましょう！ Webサイトを作る HTML + CSS + JavaScript フロントエンドプログラミング JavaScript サーバーサイドプログラミング node.js デスクトップアプリ作りたい Electron node-webkit , Rhino, HTA+JScript モバイルアプリ作成
【node.js+D3.js】サーバーサイドD3
残念なことにwindowsではjake(JavaScript build tool)がうまくインストールされないらしくビルドの途中でエラーを吐いてとまります。 サンプルコード 内部ではjsdomを使ってDOM操作を行っています。基本的にはフロントエンドでD3を使用するのと変わりません。 var d3 = require("d3"); var svg = d3.select("body") .append("svg") .attr({ "xmlns": "http://www.w3.org/2000/svg", "width": 750, "height": 750 }); svg.append('circle') .attr({ cx:100, cy:100, r:80, fill:'red' }) console.log(d3.select('body').node().innerHTM
Javascriptでフロー図や組織図、UML図などを簡単に表示できるライブラリ「JointJS」
JointJS Microsoft Visioを使って作成するようなタイプの図(ダイアグラム)ですね。 D3.jsを使って作成することもできますが、jointJSの方が用途に特化されている分簡単に作成することができます。 サクッと組織図やフローチャートなどを作成したいときに便利です。 サンプル 作成する図のタイプによってはプラグインを読み込む必要があります。 //graphモデルの生成 var graph = new joint.dia.Graph; //paper(グラフを表示するステージ)の生成 var paper = new joint.dia.Paper({ el: $('#myholder'), width: 600, height: 200, model: graph }); /* * shape生成 */ //rectシェイプオブジェクトの生成 var rect = new
【D3.js】D3.jsを使ってSVGで地図を描く
//プロジェクション設定 var projection = d3 .geoMercator() //投影法の指定 .scale(16000) //スケール（ズーム）の指定 .rotate([-0.25, 0.25, 0]) //地図を回転する [x,y,z] .center([139.0032936, 36.3219088]); //中心の座標を指定 //パスジェネレーター生成 var path = d3.geoPath().projection(projection); //地図用のステージ(SVGタグ)を作成 var map = d3.select("body") .append("svg") .attr("width", 960) .attr("height", 500); //地理データ読み込み d3.json("gunma.geojson", drawMaps); //地図を描画
エディタをKomodo Editに変えた10の理由 – GUNMA GIS GEEK
時の流れは残酷なもので、2019年現在、私はVisual Studio Codeへ移行しました。 いままで、windowsでは「notepad++」を、macでは「Coda」「CotEditor」をメインに使っていたのですが、気まぐれにインストールした「Komodo Edit」がかなり便利だったので、１週間ほど利用してみて感じた便利ポイントを記載してみます。 １．マルチプラットフォームwindows, mac, linux に対応 OSが変わっても同じエディタが使えるのは便利です。 ２．ファンクションブロックなどを折りたためます 地味ですが11インチのノートPCなどでコーディングする際には、個人的に必須。 ３．サーバー上のファイルを直接編集できます ものぐさなのでやはり必須。 ４．コード補完機能が便利 PHP, Python, Ruby, Javascript、他、jQueryやExtj
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
