Cuma 26 Mayıs 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. GoJS – Etkileşimli Diyagramlar Çizmek İçin JavaScript Kütüphanesi
 GoJS – Etkileşimli Diyagramlar Çizmek İçin JavaScript Kütüphanesi
JavaScript

GoJS – Etkileşimli Diyagramlar Çizmek İçin JavaScript Kütüphanesi

Yazar : Semih Baltacıoğlu 23 Mayıs 2018 2 Comments

GoJS, Northwoods Software tarafından oluşturulan, kendi diyagramlarınızı oluşturmak için kullanabileceğiniz bir JavaScript kütüphanesidir.

Northwoods Software, çeşitli platformlarda etkileşimli diyagram bileşenleri ve sınıf kütüphanelerinin tedarikçisi konumundadır.

2012 yılında başlatılan GoJS , modern web tarayıcıları arasında etkileşimli diyagramları uygulamak için zengin özelliklere sahiptir. Akış şeması, türlü şemalar, görsel ağaçlar ve veri akışı gibi diyagramlar oluşturmak için bizlere kolaylık sağlıyor.

“GoJs’te bir durum tablosu”

GoJS saf Javascript olduğundan kullanıcılar diğer kütüphanelerdeki eklentiler veya bağlılıklar olmadan  GoJS’den yararlanabiliyor. Dokunmatik cihazlar dahil, hem masaüstü hem de mobil cihazlardaki tüm modern tarayıcılarla uyumluluğu ise çok iyi durumda. Bir HTML5 Canvas çözümü olarak, GoJS JQuery, AngularJS gibi herhangi bir JavaScript çerçevesiyle bütünleşebilir, ancak kendi başına bağımsız da çalışabilir. Ayrıca statik ekran ve baskı ihtiyaçları için şemaların SVG ihracatını da yine bizlere sunuyorlar.

“GoJS’te Org Chart Editörü”

GoJS’deki yeni özelliklerin, kullanıcıların talepleri üzerine eklenmesi de güzel bir durum. Dikkatle hazırlanmış ve iyi desteklenmiş bir kütüphane, geliştirme döngüsünde zaman kazanmak için nadir bir fırsattır. Bu durumda projenizi hızlı ve kolay bir şekilde olgunlaştırmak için GoJS bizlere çok fazla kolaylık sağlıyor.

Sizler de diyagram ve grafik çizmek istiyorsanız, açık kaynak olan bu kütüphaneyi kullanabilirsiniz.

GoJS Nasıl Kullanılır ?

GoJS ile çalışmaya başlamak için,  tabiki de öncelikle kütüphaneyi HTML belgesinde tanıtmanız gerekir. Eklemek için CDNJS‘den alabileceğiniz GoJS bağlantısını ekleyin. Ayrıca isterseniz GoJS Kütüphanesi‘ni de indirebilirsiniz.

  <! DOCTYPE html>   
  < html > 
    < head >
    . . .
    <! - GoJS kütüphanesini dahil edin. -> 
    < script  src = "go-debug.js" ></ script >

 Div Öğesinde GoJS’i Barındırma

 <body>
    <div id="myDiagramDiv" style="border: solid 1px blue; width:400px; height:150px"></div>


Artık , JavaScript ile Diyagramı bu Div öğesinin içinde yaratabilirsiniz.

  <script>
    var diagram = new go.Diagram("myDiagramDiv");
    diagram.model = new go.GraphLinksModel(
      [{ key: "Hello" },   
       { key: "World!" }],
      [{ from: "Hello", to: "World!"}]  
    );
  </script>

https://codepen.io/SemihS/pen/xjdWyM

Yukarıda basit bir şekilde oluşturulmuş GoJS örneği ekledim. İnceleyebilirsiniz

Bu yazımda etkileşimli diyagramlar çizmek için kullanılan Javascript kütüphanesi GoJS’den bahsettim. Sizler de yorum bölümü ile yorumlarınızı bize ileterek destek olabilirsiniz.

Etiketler: diyagram gojs gojs diagram gojs javascript gojs nasıl kullanılır gojs nedir
Önceki Yazı
Sonraki Yazı

Semih Baltacıoğlu (Website)

author

Front-End alanında çalışmalar yapıyor ve her geçen gün yeni bilgiler edinerek kendimi geliştiriyorum. "Bilgi paylaşıldıkça çoğalır" diyerekten bildiklerimi ve öğrendiklerimi siz değerli okurlarla paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilir, Yorum alanı ile mutfağa katkıda bulunabilirsiniz.

2 Yorumlar

  • Berat says:
    24 Mayıs 2018 at 01:29

    Eyvallah kardeşim.

    Reply
    • Semih Baltacıoğlu says:
      24 Mayıs 2018 at 10:43

      Ne demek, iyi çalışmalar 🙂

      Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.