/socketio-data-visualization

The identified data was made meaningful using Pandas and Numpy. Python and JS codes were communicated via Socket.io and this meaningful data was visualized with Apache ECharts.

Primary LanguageHTMLApache License 2.0Apache-2.0

📊 Data Visualization with Apache ECharts - EN

License

The identified data was made meaningful using Pandas and Numpy. Python and JS codes were communicated via Socket.io and this meaningful data was visualized with Apache ECharts.

💻 Tech Stack

  • JavaScript
    • Apache ECharts
    • Socket.io
    • jQuery
  • Python
    • Pandas
    • NumPy
    • FastAPI
  • Bootstrap

📷 Screen Shots

Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü

🚀 Run on Your Computer

**Note1:You must have Python installed on your computer.

1. Clone the project

  git clone https://github.com/sonatipek/socketio-data-visualization.git

2. Go to the project directory

  cd socketio-data-visualization

3. Install Python virtual environment

  python -m venv env

4. Activate Python virtual environment and install the requirements while it is active

  env\Scripts\activate
  pip install -r requirements.txt

5. Start the FastAPI server by running socket_handlers.py with Python

  python socket_handlers.py

6. Open the index.html page with your browser. That's all!

📍 Roadmap & To-Do List

  • Calculate how many employees can be hired according to the budget with Numpy
  • Employee Salary Calculation should be optimised
  • add filters to the table on the home page
  • Code refactoring

🌟 Feedback

If you have any feedback, please contact at sonatsayginipek@gmail.com or sonatipek.com .

🤝 Contribution

Contributions are always welcome! Getting started see CONTRIBUTING.md.



📊 Apache ECharts ile Veri Görselleştirme - TR

License

Belirlenen veriler Pandas ve Numpy kullanılarak anlamlı hale getirildi. Python ve JS kodları Socket.io üzerinden haberleştirildi ve bu anlamlı veriler Apache ECharts ile görselleştirildi.

💻 Kullanılan Teknolojiler

  • JavaScript
    • Apache ECharts
    • Socket.io
    • jQuery
  • Python
    • Pandalar
    • NumPy
    • FastAPI
  • Bootstrap

📷 Ekran Görüntüleri

Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü Uygulama Ekran Görüntüsü

🚀 Bilgisayarınızda Çalıştırın

**Not1: Bilgisayarınızda Python kurulu olmalıdır.

1. Projeyi klonlayın

  git clone https://github.com/sonatipek/socketio-data-visualization.git

2. Proje dizinine gidin

  cd socketio-data-visualization

3. Python virtual envç yükleyin

  python -m venv env

4. Python virtual env. etkinleştirin ve etkin durumdayken gereksinimleri yükleyin

  env\Scripts\activate
  pip install -r requirements.txt

5. Python ile socket_handlers.py dosyasını çalıştırarak FastAPI sunucusunu başlatın

  python socket_handlers.py

6. Tarayıcınızla index.html sayfasını açın. Hazırsınız!

📍 Yol Haritası & Yapılacaklar Listesi

  • Numpy ile bütçeye göre kaç çalışanın işe alınabileceğini hesaplayın
  • Çalışan Maaş Hesaplama optimize edilmeli
  • ana sayfadaki tabloya filtreler ekleyin
  • Kod yeniden düzenlenmeli

🌟 Geri bildirim

Herhangi bir geri bildiriminiz varsa, lütfen sonatsayginipek@gmail.com veya sonatipek.com adresinden iletişime geçin.

🤝 Katkı

Katkılara her zaman açığız! Başlamak için CONTRIBUTING.md dosyasına bakın.