<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>svg | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/svg/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Tue, 13 Nov 2012 04:35:07 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>SVGグラフを出力できるPHP製のライブラリ「SVGGraph」</title>
		<link>https://blog.verygoodtown.com/2010/12/php-svg-graph-library-svggraph/</link>
					<comments>https://blog.verygoodtown.com/2010/12/php-svg-graph-library-svggraph/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 21 Dec 2010 00:10:33 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[graph]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=5694</guid>

					<description><![CDATA[<p>「SVGGraph」はPHPから使用可能なSVGグラフのライブラリです。 グラフの描画にはデータベースからデータを取得するなど、サーバーサイドで操作できると非常に便利なのですが、 このライブラリを使う事でPHPから簡単に [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/12/php-svg-graph-library-svggraph/">SVGグラフを出力できるPHP製のライブラリ「SVGGraph」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101220-01.jpg" alt="20101220-01" title="20101220-01" width="600" height="413" class="alignnone size-full wp-image-5695" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101220-01.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101220-01-300x206.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>「<a href="http://www.goat1000.com/svggraph.php" target="_blank">SVGGraph</a>」はPHPから使用可能なSVGグラフのライブラリです。</p>
<p><span id="more-5694"></span></p>
<p>グラフの描画にはデータベースからデータを取得するなど、サーバーサイドで操作できると非常に便利なのですが、<br />
このライブラリを使う事でPHPから簡単にグラフを出力可能になっています。</p>
<h3>3Dのグラフが簡単に出力可能に</h3>
<p>棒グラフ、折れ線、円グラフを出力可能なのはもちろん、全て3Dで表示する事もできるようになっています。</p>
<p>以下のようなコードで使用できるようです。</p>
<pre class="brush:php;">
$graph = new SVGGraph(640, 480);
 $graph->colours = array('red' ,'green' ,'blue' );
 $graph->Values(100, 200, 150);
 $graph->Links('/Tom/' , '/Dick/' , '/Harry/' );
 $graph->Render('BarGraph' );
</pre>
<p>動作にはPHP5以上が必要になっていました。</p>
<p>IEはデフォルトではSVGをサポートしていませんが、Adobe SVG Viewerなどのプラグインをインストールする事で見る事ができるようになります。</p>The post <a href="https://blog.verygoodtown.com/2010/12/php-svg-graph-library-svggraph/">SVGグラフを出力できるPHP製のライブラリ「SVGGraph」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/12/php-svg-graph-library-svggraph/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5694</post-id>	</item>
		<item>
		<title>自由にカスタマイズ可能な地図ライブラリ「Polymaps」</title>
		<link>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/</link>
					<comments>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 24 Aug 2010 00:33:51 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[BSD License]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4866</guid>

					<description><![CDATA[<p>「Polymaps」はタイル画像とSVGとJavaScriptを使って作られた地図表示用のライブラリです。 お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、 もっと凝った地図にしたい場合に良さそ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/">自由にカスタマイズ可能な地図ライブラリ「Polymaps」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05.jpg" alt="20100821-05" title="20100821-05" width="600" height="242" class="alignnone size-full wp-image-4872" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05-300x121.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>「<a href="http://polymaps.org/" target="_blank">Polymaps</a>」は<strong>タイル画像とSVGとJavaScript</strong>を使って作られた地図表示用のライブラリです。</p>
<p>お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、<br />
もっと凝った地図にしたい場合に良さそうです。</p>
<p>一部データは欧米でしか使用できないようですが、面白そうなライブラリなのでご紹介。</p>
<p>詳しくは以下<br />
<span id="more-4866"></span></p>
<h3>地図のサンプル</h3>
<p>サンプルにあったものをいくつかご紹介。<br />
<strong>■ 真夜中の地図</strong></p>
<p><a href="http://polymaps.org/ex/midnight-commander.html#16.00/35.6905/-220.3001" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02.jpg" alt="20100821-02" title="20100821-02" width="438" height="215" class="alignnone size-full wp-image-4869" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02.jpg 438w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02-300x147.jpg 300w" sizes="(max-width: 438px) 100vw, 438px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/midnight-commander.html#16.00/35.6905/-220.3001">デモ</a></p>
<p><strong>■ インターネット使用率</strong></p>
<p><a href="http://polymaps.org/ex/world.html" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03.jpg" alt="20100821-03" title="20100821-03" width="437" height="185" class="alignnone size-full wp-image-4870" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03.jpg 437w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03-300x127.jpg 300w" sizes="(max-width: 437px) 100vw, 437px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/world.html">デモ</a></p>
<p><strong>■ Flickrの使用率</strong></p>
<p><a href="http://polymaps.org/ex/flickr.html" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04.jpg" alt="20100821-04" title="20100821-04" width="438" height="228" class="alignnone size-full wp-image-4871" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04.jpg 438w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04-300x156.jpg 300w" sizes="(max-width: 438px) 100vw, 438px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/flickr.html">デモ</a></p>
<p>実装コードもシンプルに設置可能になっています。</p>
<pre class="brush:js;">
var po = org.polymaps;

var map = po.map()
    .container(document.getElementById("map").appendChild(po.svg("svg")))
    .add(po.interact())
    .add(po.hash());

map.add(po.image()
    .url(po.url("http://{S}tile.cloudmade.com"
    + "/1a1b06b230af4efdbb989ea99e9841af" // http://cloudmade.com/register
    + "/998/256/{Z}/{X}/{Y}.png")
    .hosts(["a.", "b.", "c.", ""])));

map.add(po.compass()
    .pan("none"));
</pre>
<p>APIの利用にはデベロッパ用のアカウントを発行してもらう必要がありました。<br />
<a target="_blank" href="http://cloudmade.com/register">アカウントの登録</a></p>
<p>動作ブラウザはSafari、Chrome、Firefoxとの事。<br />
OperaとIE9ではテストされていないようです。</p>The post <a href="https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/">自由にカスタマイズ可能な地図ライブラリ「Polymaps」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4866</post-id>	</item>
		<item>
		<title>60個のネットワーク用アイコンをダウンロードできる「OSA Icon Library」</title>
		<link>https://blog.verygoodtown.com/2010/06/60-network-icon-osa-icon-library/</link>
					<comments>https://blog.verygoodtown.com/2010/06/60-network-icon-osa-icon-library/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 25 Jun 2010 00:11:48 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[CC License]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4605</guid>

					<description><![CDATA[<p>「OSA Icon Library」ではネットワーク系の図の作成の際に使えるアイコンをダウンロードする事ができます。 ファイルはSVG形式とPNG形式でダウンロード可能になっています。 パワーポイントなどの資料につかえそ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/06/60-network-icon-osa-icon-library/">60個のネットワーク用アイコンをダウンロードできる「OSA Icon Library」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>「<a href="http://www.opensecurityarchitecture.org/cms/library/icon-library" target="_blank">OSA Icon Library</a>」ではネットワーク系の図の作成の際に使えるアイコンをダウンロードする事ができます。</p>
<p>ファイルはSVG形式とPNG形式でダウンロード可能になっています。<br />
パワーポイントなどの資料につかえそうなアイコンですね。</p>
<p><a href="http://www.opensecurityarchitecture.org/cms/library/icon-library" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-04.jpg" alt="20100619-04" title="20100619-04" width="424" height="212" class="alignnone size-full wp-image-4606" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-04.jpg 424w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-04-300x150.jpg 300w" sizes="(max-width: 424px) 100vw, 424px" /></a><br />
<span id="more-4605"></span><br />
<a class="comments_l" target="_blank" href="http://www.opensecurityarchitecture.org/cms/library/icon-library">ダウンロード</a></p>
<p>PNGのサイズは128 x 128pxになっています。</p>The post <a href="https://blog.verygoodtown.com/2010/06/60-network-icon-osa-icon-library/">60個のネットワーク用アイコンをダウンロードできる「OSA Icon Library」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/06/60-network-icon-osa-icon-library/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4605</post-id>	</item>
		<item>
		<title>シンプルなアイコン８４種類</title>
		<link>https://blog.verygoodtown.com/2010/01/simple-icon-84/</link>
					<comments>https://blog.verygoodtown.com/2010/01/simple-icon-84/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Sat, 09 Jan 2010 05:52:30 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=359</guid>

					<description><![CDATA[<p>シンプルなアイコンを見つけたのでご紹介。 Iconic Icon Set &#8211; 84 icons in raster and vector format &#8212; Some Random Dude ファイ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/01/simple-icon-84/">シンプルなアイコン８４種類</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/icons-300x165.png" alt="icons" title="icons" width="300" height="165" class="alignnone size-medium wp-image-360" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/icons-300x165.png 300w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/icons.png 720w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>シンプルなアイコンを見つけたのでご紹介。</p>
<p><span id="more-359"></span></p>
<ul>
<li><a href="http://somerandomdude.com/projects/iconic/" target="_blank">Iconic Icon Set &#8211; 84 icons in raster and vector format &#8212;  Some Random Dude</a></li>
</ul>
<p>ファイル形式はPNGとSVG形式の両方から選択でき、<br />
サイズは8×8、12×12、16×16、24×24と32×32の4種類あります。</p>
<p>色も13色から選択できるためかなり使い勝手がよいのではないのでしょうか。<br />
管理画面で使う場合などに良さそうです。</p>
<p>ライセンスは<a href="http://creativecommons.org/licenses/by-sa/3.0/us/deed.ja">クリエイティブコモンズ</a>とのことです。</p>
<p>■2010/03/15追記<br />
114個に増えたそうです！</p>The post <a href="https://blog.verygoodtown.com/2010/01/simple-icon-84/">シンプルなアイコン８４種類</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/01/simple-icon-84/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">359</post-id>	</item>
	</channel>
</rss>
