Web projelerinizdeki verileri görselleştirebileceğiniz en iyi 5 grafik kütüpanesi

1. D3.JS

D3.js’nin en güzel yanı içinde gömülü grafiklerle gelmemesi, yani içerisindeki hazır grafik ve gradientleri kullanmıyor, server üzerinde oluşturuyor. diğer bir güzel yanı ise SVG olarak ta çıktı verebilmesi.

Pek çok büyük ve ünlü site d3.js‘yi kullanmaktadır.

2.Google Charts

Google hizmeti olduğundan en bilinen chart uygulamalarından biri, aslında çıktılarını çok beğenmesemde, hızlı ve kullanması kolay. Çok geniş seçenekler sunuyor.

https://developers.google.com/chart/

3.ChartJs

 

Güzel bir kütüphane, kullanımı genel olarak kolay. Responsive tasarımlar için kullanışlı grafikler oluşturuyor. Farklı yöntemlerle IE7 ve IE8 için grafikler oluşturabiliyor ama IE uyumuna artık eskisi kadar önem vermiyoruz. yine de düşünülmüş olması güzel. Opensource ek olarak :)

http://www.chartjs.org/

4.Chartis.Js

Chartis.Js çok kullanışlı ve bedava bir chart kitaplığı benzerlerinin aksine opensource olması ve en az onlar kadar başarılı olması çok güzel. git üzerinde geliştiriliyor. forklamak isteyenler olabilir. böyle güzel bir uygulamada türklerinde fork’u olması iyi olabilirdi. SVG render edebiliyor ve CSS3 kullanıyor.

Animasyonları ise sadece modern web browserlarda çalışıyor ne yazık ki.

http://gionkunz.github.io/chartist-js/

5.FusionCharts

Fusioncharts js bu kadar revaçta değilken flash chartlarla çok işimi görmüş olduğundan kendisine gönül borcum var, eskiden çok görsel ve animasyonlu 3d grafikler oluşturuyordu flash ile. şu an benzer grafikleri js ile yapıyor. ücretli ve pahalı bir eklenti olmasına rağmen kullanılabilirli yine de yüksek.

http://www.fusioncharts.com/

3d modellerinizi online gösteremek için: sketchfab

Yıllar önce volkswagen lupo adına bir model üretmişti ( sanırım 98 ya da 99 yılı civarı ) milenyum otomobili olarak lanse edilen bu otomobilin siparişini sadece internetten almıştı ( galiba ön siparişti ) araç daha görülmeden internetten görebiliyordunuz. hem de 3d olarak. yalnız bunu yapabilmek için en iyi ihtimalle windows 98 olan bilgisayarınıza internet explorer ile kasım kasım kasılan java wm kurmanız, internet explorer ile siteye girmeniz ve 3d modelin yüklenmesi için 20-25 dk civarında beklemeniz gerekiyordu. bu işlem sonunda 360 dece dönen bir vw modelini görebiliyordunuz. o yılların web teknolojisi için gerçekten de göz kamaştırıcı bi olaydı.

bunca hikayeyi anlatmamın neden, sketchfab’daki modelleri görünce anılarımın depreşmesi. eğer sizde herhangi bir modelleme programıyla 3d modeller oluşturuyorsanız online ön izlemesi için sketchfab’ı kullanabilirsiniz, güzel özellikleri olan bu sitemizin premium üyeliğini satın alırsanız ek ek özellikler de geliyor, güzellik artıyor.

nasıl bir görüntü verecek derseniz, yaptığım harika (!) 3d dolap tasarımı embedi üzerinden değil de sitedeki diğer modellere bakarak karar verin :)

 

Dolap tasarımı by gencbeyin on Sketchfab

Php ile permutasyon (karakterlerle yazılabilecek tüm kelimeler)

php ile tüm olasılıkları ekrana basan fonksiyon

 

Codepen tatlılığı der susarım

html, css, js derken hayatı web olmuş, web teknolojilerini pek çok sevenler için onlarca benzeri olan bu sitemiz gördüklerimin içinde en iyisi -bence-.

new pen ile yeni boyutlara akışı olsun, kısayollarının iyi düşünülmüş olması olsun, save ettiğiniz penleri sitenize embed edebiliyor oluşunuz olsun. tam olması gerektiği gibi,

neresi mi tabi ki codepen.io. kodların neresine nolmuş abiğğ diye soru sorarken, ekranın fotoğrafını çeken ( print screen değil baya cep tel ile foto ) türkleri görünce bu adamlar adına üzülmüyor değilim ama yine de insan umudunu yitirmemeli :)

embedi şöyle ama pro olmayınca çokta tatlış değil, biraz para verince daha güzel bişeyler veriyor.

Jquery sen ne güzel bi’şeysin

Yıllar önce (2002 civarı) javascript ile ekrana alert basıp internet explorer’ı, windows’u kilitleyen bir neslin, jquery’nin nimetlerini görüp gözlerinin dolmaması mümkün değil.

gerçekten etkili, kullanımı kolay, olması gereken bir kütüphane. gmail’in ajax ile yüklenen sayfalarını gıpta ile izleyip, sayfa refresh olmuyor abi, bak nası da hızlı yükleniyor dediğimiz (128 kb adsl’in yeni geldiği) günlerden jquery ile bin türlü taklayı attırdığımız şu günlere gelmek çok güzel. insan gerçekten hayret ediyor :)

John Resig ‘e bu güzelliği bize sunduğu için teşekkür etmek gerekiyor sanırım.

konuyla ilgili jquery’ler yağmur gibi üzerime yağsın diyenler için http://www.jqueryrain.com/ sitesini önererek bitiriyorum yazımı

Crayon Syntax Highlighter

siteyi bir programlama blogu gibi devam ettirmeye karar verdiğim andan itibaren sitede kod parçaları yayınlarken nasıl gösteririz diye araştırırken karşılaştığım Crayon Syntax Highlighter güzel bir eklenti. şu an kullandığım versiyonda 60 farklı programa diline ilişkin kodları yayınlayabiliyoruz ve otomatik kodları tanıyabiliyor.

Gördüğüm kadarıyla Türk bazı arkadaşlar tarafından eklenti türkçeye de çevirilmiş dolayısıyla ingilizce eklenti sevmeyen arkadaşlar da severek kullanacaklardır diye tahmin ediyorum.

Responsive tasarımlar için güzel etkileri olabilecek, esnek ayarları var. Eklentinin yazarı Aram Kocharyan. böyle güzel bi eklentiyi bizimle paylaştığı için teşekkür etmek gerekiyor. git üzerinden geliştirilmeye devam ediyor, böyle güzel bir eklentiye küçük bağışlar yaparak desteklemek için aramk.com sitesini ziyaret edebilirsiniz.

bi de deneme yapalım