Giter Site home page Giter Site logo

dashboardvisdat's Introduction

Contributors Forks Stargazers Issues MIT License LinkedIn


Logo

Dashboard Visdat

Dashboard Visdat
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. Tentang Projek ini
  2. Alat dan Sumber data
  3. Tahapan Perancangan
  4. Contact

Tentang Projek ini

Jumlah investor pasar modal selama 2018 -Maret 2022 mengalami kenaikan jumlah investor sebanyak 223.39 persen. Sekitar 85 -90 persen investor akan gagal, hal tersebut disebabkan para investor cenderung spekulatif dalam berinvestasi khususnya pada instrumen saham. Tindakan spekulatif dapat menjerumuskan investor kedalam kerugian. Dashboard interaktif adalah dashboard yang dalam memvisualisasikan data membutuhkan perhatian pengguna, artinya informasi dapat ditampilkan secara dinamis tergantung apa yang diatur oleh pengguna. Dengan melakukan visualisasi data laporan keuangan perusahaan secara interaktif dapat dengan mudah memahami fundamental dari suatu perusahaan dan tentunya akan mengurangi tindakan spekulatif dalam berinvestasi. Dewan Syariah Nasional - Majelis Ulama Indonesia (DSN-MUI) mengeluarkan fatwa yang mengatur Prinsip Syariah di Pasar Modal termasuk pengkategorisasi saham syariah. Pada projek ini akan mengimplementasikan dashboard interaktif pada data laporan keuangan untuk menganalisis fundamental saham ISSI yang bersumber dari Yahoo Finance.

(back to top)

Alat dan Sumber Data

1. Alat
  1. Sumber data

(back to top)

Tahapan Perancangan

Pengumpulan data

Pada penelitian ini akan menggunakan data dari Yahoo Finance diambil dengan cara web-scraping. Pengambilan data mengguanak bahasa python dengan package yfinance. Karena platform yahoo finance tidak hanya terdapat data saham dalam negeri perlu melakukan seleksi data dilakukan untuk hanya mendapatkan saham-saham syariah yang listing di Bursa Efek Indonesia.
  1. Mengimport list nama saham syariah
  import pandas as pd
  import yfinance as yf

  data = pd.read_excel("Index Member ISSI_WINR.xlsx")
  names = data["Kode"] + ".JK"
  names
  1. Melakukan scraping
  info_table = pd.DataFrame()
  hist_table = pd.DataFrame()
  actions_table = pd.DataFrame()
  annual_financials_table = pd.DataFrame()
  annual_balance_sheet_table = pd.DataFrame()
  annual_earnings_table = pd.DataFrame()
  annual_cashflow_table = pd.DataFrame()

  for name in names:
      #info
      stock = yf.Ticker(name)
      info = pd.DataFrame([stock.info])
      info["stock"] = name
      info_table = pd.concat([info_table,info])

      #historical
      hist = pd.DataFrame(stock.history(period="max"))
      hist["stock"] = name
      hist_table = pd.concat([hist_table,hist])

      # actions
      actions = pd.DataFrame(stock.actions)
      actions["stock"] = name
      actions_table = pd.concat([actions_table,actions])

      #financials
      annual_financials = pd.DataFrame(stock.financials)
      annual_financials = annual_financials.transpose().reset_index()
      annual_financials["stock"] = name
      annual_financials_table = pd.concat([annual_financials_table,annual_financials])

      #balance sheet
      annual_balance_sheet = pd.DataFrame(stock.balance_sheet)
      annual_balance_sheet = annual_balance_sheet.transpose().reset_index()
      annual_balance_sheet["stock"] = name
      annual_balance_sheet_table = pd.concat([annual_balance_sheet_table,annual_balance_sheet])

      #cashflow
      annual_cashflow = pd.DataFrame(stock.cashflow)
      annual_cashflow = annual_cashflow.transpose().reset_index()
      annual_cashflow["stock"] = name
      annual_cashflow_table = pd.concat([annual_cashflow_table,annual_cashflow])


      #earnings
      annual_earnings = pd.DataFrame(stock.earnings)
      annual_earnings = annual_earnings.transpose().reset_index()
      annual_earnings["stock"] = name
      annual_earnings_table = pd.concat([annual_earnings_table,annual_earnings])
  1. Menyimpan data
  info_table.to_csv("info_table.csv")
  hist_table.to_csv("hist_table.csv")
  actions_table.to_csv("actions_table.csv")
  annual_financials_table.to_csv("annual_financials_table.csv")
  annual_balance_sheet_table.to_csv("annual_balance_sheet_table.csv")
  annual_earnings_table.to_csv("annual_earnings_table.csv")
  annual_cashflow_table.to_csv("annual_cashflow_table.csv")

Preparasi data

Setelah mendapatkan saham syariah, dilakukan preparasi data untuk membentuk variabel yang dibutuhkan. Data masih memiliki satuan rupiah dan US dollar sehingg dilakukan konversi ke rupiah dengan mengali nilai tukar rupiah setiap akhir tahun. Variabel tersebut dapat dikategorikan dalam berbagai dimensi. Dimensi, variabel, dan rumus preparasi data yang digunakan adalah sebagai berikut.

Tabel dimensi, variabel, dan rumus preparasi data

Tabel Preparasi data

Visualisasi Data

Data yang telah diseleksi kemudian dilakukan visualisasi dengan mengggunakan Tableu. Setiap data akan divisualisasikan kedalam berbagai bentuk visualisasi. Berikut merupakan jenis visualisasi dan beberapa contoh variabel yang digunakan.
  1. Table

    Table

  2. Bar chart

    Barchart

  3. Line chart

    Linechart

  4. Candle stick

    Candlestick

Pembuatan Dashboard

Berbagai bentuk visualisasi disatupadukan kedalam dashboard. Pada tahapan ini dilakukan modifikasi terhadap visualisasi yang dibuat seperti penambahan filter, harmonisasi warna, tataletak, penambahan legend dan sebagainya.

Dashboard dibuat dengan range ukuran 1200-1300 x 800-900. Pengguna dapat memilih saham apa yang akan dilihat visualisasi data laporan keuangannya. Kemudian, pengguna dapat memilih dua saham untuk dapat dibandingkan. Fitur ini dibuat karena kecenderungan investor akan membandingkan fundamental saham dibanding hanya melihat fundamental satu saham. Karena terdapat banyak dimensi yang divisualisasikan maka terdapat fitur memilih chart agar dashboard tidak terlalu penuh sehingga pengguna dapat membandingkan dua saham dalam setiap dimensi. Selain itu, pada grafik perkembangan harga saham terdapat fitur memilih rentang tanggal untuk melihat perkembangan harga saham pada rentang waktu tertentu.

Tampilan dashboard dark mode

Tampilan Dashboard

Dashboard juga disediakan dalam light mode untuk pengguna yang tidak menyukai dark mode. Dasboard dengan light mode dapat dilihat pada gambar berikut. Untuk mengganti tampilan dari dark mode ke light mode maupun sebaliknya, pengguna perlu menekan tombol pada pojok kiri atas.

Tampilan dashboard light mode

Tampilan Dashboard

(back to top)

Tampilan tombol untuk mengganti tema dashboard

Tombol

Cara Mengakses

Jika hanya ingin melihat cukup mengunjungi laman berikut.

(back to top)

Contact

(back to top)

dashboardvisdat's People

Contributors

oojn4 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.