美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌
dc.js - Dimensional Charting Javascript Library 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 次のような円グラフや棒グラフをオブジェクト指向の分かりやすいコードで描画出来ます。 円グラフのコード例。メソッドをチェーンさせて直感的にグラフを描画可能。 SVG対応していないブラウザでは描画できませんが、軽くてよさそうですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
SVGのグラデーションとJavaScriptとの連携
はじめに HTMLの周辺技術について解説する本シリーズですが、前回はSVGの様々な図形描画要素について解説しました。今回はWebデザインでも有用なSVGのグラデーション機能について解説します。また、JavaScriptからSVGの要素を操作する方法についても解説します。 サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。 グラデーションを使ってみる 前回はfill属性を使って図形を単色のベタ塗りを行いましたが、SVGではよりスタイリッシュな、Webページで多用されるグラデーションによる塗りつぶしも可能です。SVGでは線形グラデーション（linearGradient要素）と放射状グラデーション（radicalGradient要素）の2種類のグラデーションに対応しています。 グラデーションの使い方はやや複雑なので、まずはサンプルから見ていきましょう。以下のコード
４Ｄナレッジベース：Tips
SVG文書を作成する場合、キャリッジリターンを強制するには、<br />ではなく、<tbreak />要素で改行を指定する必要があります。 たとえば、次のようなSVG文書が作成されたとします。 <svg xmlns="http://www.w3.org/2000/svg"> <rect fill="peachpuff" height="150" rx="0" ry="0" stroke="#777" stroke-width="3" width="210" x="5" y="5"/> <textArea font-family="Georgia" font-size="25" font-style="italic" height="150" text-align="justify" width="200" x="10" y="10">First Line<br/>Second Line<b
自分のイメージをしっかり持ち不動産購入をしよう
不動産購入をしたいと漠然と考えていてもなかなか前に進むことが出来ません。その為、不動産購入を考えた段階である程度自分達のイメージをしっかりと持つ事が大切です。その為にはまずは紙に自分達の理想を書き出してみることをおすすめします。どんな家に住みたいのか、間取や部屋数、設備など考えておくことが大切です。それと共に周辺環境もどの様なところに住みたいのかしっかり考えましょう。不動産購入は安い買い物ではありません。誰でも失敗したくないと考えるでしょう。何も考えずに不動産購入の為に動いても、見れば見る程考えがまとまらなくなってしまう場合もあります。そうなってしまうとどんどん深みにはまってしまい不動産購入が難しくなってしまいます。その様な事態になってしまわないように、しっかりと考えをまとめ、それを元に不動産購入することをおすすめします。また、自分達の住みたい家がイメージ出来たら、次に考えるのが優先順位で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kaioa.com
blog.svg-map.com is Expired or Suspended.
IBM Developer
