（衆議院比例ブロック、参議院比例、政令指定都市、地方自治体（有権者数10万人以上）
- 人口、年代別有権者数（棒グラフ）
- 議会議員データ（議員定数、議員報酬、議員任期）
- 議会選挙データ（前回投票率、前回有効投票数、最下位当選得票数、最下位当選得票率、最下位当選有権者比率）、議員任期
- 首長選挙データ（前回投票率、前回有効投票数、当選者得票数、当選者得票率、連続在任期、首長任期）
- 国政政党情報比較（収入比較：棒グラフ、政党別議員数割合：円グラフ）
- 政党議員数（市区町村議会議員数、県議会議員数、衆議院議員数、参議院議員数）
- 議員数シェア（円グラフ）
- 政党の財政（項目別政党収入：円グラフ、項目別政党支出：円グラフ）
AirTableのデータベースから、各地方自治体毎の選挙区情報のページを自動作成。
数値データのグラフ表示はChart.jsを使用。
CSSはtailwindcssを使用。
src/
├ components/
├ images/
├ posts/
├ pages/
├ template/
├ blog-template.js
├ post-template.js
├ senkyo10-template.js
├ senkyo1a-template.js
├ senkyo1b-template.js
├ senkyo2-template.js
└ senkyo3-template.js
gatsby-node.js
gatsby-config.js
README.MD
-
src/components: header.js,seo.js,layout.js,topics.js 等 -
src/images: 画像ファイルを保存するフォルダ。 -
src/posts: ブログポストのマークダウンデータファイル。 -
src/pages: 各ページの定義ファイル。 -
src/template: 選挙区ページのテンプレートファイル。Airtableデータベースと連携。 -
gatsby-node.js: ページの自動生成の定義情報等。 -
gatsby-config.js: プラグインの設定情報等。
- gatsby-plugin-prefetch-google-fonts
- gatsby-source-airtable
- gatsby-plugin-react-helmet
- gatsby-plugin-postcss
- gatsby-plugin-purgecss
- Gatsby.js Official
- Airtable
- tailwindcss
- tailwind CheetSheet
- Chart.js
- react-chartjs-2
- chartjs-plugin-datalabels
Netlify