Web için bir "görsel olarak çarpıcı" grafik/grafik API'si arıyorum

Şu anda üzerinde çalışıyorum, katılımcıların sorulara cevap verdiği, soruları yanıtlayan toplantı odası sunumlarında kullanılmak üzere özel web tabanlı bir anket platformu. grafik olarak gösterilir (genellikle bir projektörden).Web için bir "görsel olarak çarpıcı" grafik/grafik API'si arıyorum

3D pasta ve çubuk grafikler oluşturmak için (URL tabanlı) Google Chart Tools Image Charts API'u kullanan mevcut grafik sistemini güncelleştirme görevini üstlendim. Temel gereksinim, yeni grafiklerin "çarpıcı" olması. Bana aktaran bazı örnekler, Apple'ın cam gibi yansıtıcı Cover Flow, Windows Aero UI ve en son PowerPoint tarafından üretilen grafikler.

şu anda Google Grafik Araçları Görüntü grafik API kullanarak üretebilir ne bir örnek

Stock example from Google Chart Tools' Image Chart gallery

Açıkça, Google'ın Grafik Araçları Görüntü çizelgeleri tarafından üretilen 3D pasta ve çubuk grafikler yeterince çarpıcı. Benzer şekilde, Google Görselleştirme API'sı tarafından üretilen heavily-interactive graphs "çok sıkıcı" dır.

Yani, için görsel olarak çekici olma ihtiyacı da yanıt verebilir bir API aracılığıyla tercihen erişilebilen bir Web tabanlı grafik aracı arıyorum. (Ücretsiz bir şey de güzel olurdu.) Herhangi bir fikir?

FusionCharts'a bir göz attım ve olası bir çözüm gibi görünüyor, ancak ücretsiz değil ve API tabanlı değil.

(aynı proje ile ilgili the best way of graphing results from matrix/ranking questions ilgili UX bir soru üzerine vardır.)

kaynak

2012-01-10 msanford

"Görsel olarak çarpıcı" gereksinimden rahatsız oldum. Bu çok öznel bir şey. – Sonny

Ben de aynı şekilde hissediyorum! Bundan daha özel bir şartım yok, ne yazık ki. Google Görselleştirme'nin grafilerinin yeterince etkileyici olduğunu hissettim ... – msanford

Görsel olarak çarpıcı yönü hakkında bir fikir yok ama daha önce HighCharts kullandım. Üçüncü taraf API'sı yok, sadece 1. parti bir JS.

kaynak

2012-01-10 17:00:33 Treffynnon

Aslında @Treffynnon, grafik yapım animasyonu aradıklarına yaklaşabilir. Teşekkürler! – msanford

Oooo, bu daha önce rastlamadığım bir şey ve oldukça hoş. Teşekkürler! – Nick

FusionCharts (Free) ücretsiz bir sürümü var, bu esaslı API (o zaman onlar var için ödemek eğer inanıyorum olmamasına rağmen API tabanlı bir versiyon).

Ancak ücretsiz sürümü sınırlı, ancak özellikleri ile oldukça dolu. Kesinlikle orada bulduğum en görsel olarak çekici olanı. Ayrıca kullanımı oldukça basit, sizin için de çoğunu yapan güzel bir PHP sınıfı ile geliyor.

kaynak

2012-01-10 16:57:37 Nick

@Nick için teşekkürler! Açıkça yeterince derin okumamıştım. Bunu ileteceğim ve yeterince "çarpıcı" olup olmadığını göreceğim! – msanford

@msanford Her yerde ücretsiz sürümü reklam vermiyorlar! Sadece bir paket lisansı sağlayıp sağlayamayacağını (yüzlerce sitede kullanmayı planladığımız gibi) patronumla iletişime geçtikten sonra öğrendim. – Nick

Aha! Bende çok düşündüm! – msanford

Bu Google Grafikler gibi bir web hizmeti değildir, ancak kabul edilebilir GCharts gibi bir şey bulamazsanız, Raphael JS charting library bir göz atmaya değer olabilir. Sonunda bir parça yeniden iş yapmak zorunda kalacaksın ve bunu anlıyorum, ama bunu bir seçenek olarak dışarı atabileceğimi düşündüm.

kaynak

2012-01-10 16:59:53 jharahush

, bu kötü bir seçenek değil. Treffynnon'un önerisine benzer şekilde, animasyonun uygun şekilde "çarpıcı" bir etkisi olabilir. Bir API'yi tercih ederim, ancak API tabanlı bir çözümün mevcut olmayabileceğini kabul ediyorum. Teşekkürler! – msanford

PS Bu öneriyi gerçekten çok beğendim; Diğer projeler için kesinlikle kullanacağım. Teşekkürler @jharahush! – msanford

processing.js'u kullanarak kendinizinkini yuvarlayabilirsiniz. Daha fazla iş, ama istediğin gibi "çarpıcı" yapabilirsin ve yaptıkların üzerinde tam bir kontrole sahip olabilirsin.

kaynak

2012-01-25 18:01:09

* Bu çok etkileyici. Ne yazık ki teslimat geçti, ama eminim ki gelecekteki projelerde bunu kullanabilirim. Teşekkürler Jason! – msanford

d3.js uygulamasına bir çekim yapın (http://d3js.org/). Tam javascript, mevcut sayfalarınızla kolayca entegre. Dinamik güncelleştirmeler & geçişleri destekler. Bununla ilgili neler yapabileceğinizi anlamak için aşağıdaki örneklerden bazılarına göz atın (çubuk grafikler için biraz eksik olmasına rağmen, donutlara bir göz atın ya da d3'te kullanıcı destekli pasta grafiklerini arayın).

Örnekler: çörek geçişlerin Örneğin

https://github.com/mbostock/d3/wiki/Gallery http://bl.ocks.org/mbostock http://christopheviau.com/d3list/

(cevaplar katılımcıların girilmediðinde ediliyor gibi):

http://bl.ocks.org/mbostock/5682158

kaynak

2013-10-31 22:17:29 ives

Birkaç yıl sonra, D3js görünüyor ciddi bir yarışmacı olmak:

http://d3js.org/

kaynak

2014-02-16 21:21:43 msanford