가나가와현 오픈 데이터 「신형 코로나 바이러스 감염증 대책 양성 환자수 및 양성 환자의 속성 데이터」를 GCP로 그래프 작성
오픈 데이터
가나가와현 오픈 데이터 「신형 코로나 바이러스 감염증 대책 양성 환자수 및 양성 환자의 속성 데이터」페이지
데이터: h tp // w w. p f. 가나가와. jp/소식/1369/다타/csv/파치엔 t. CSV
주말은 갱신되지 않는다.
데이터 갱신자도 힘들겠지만, 이 시기에 그 갱신에서는. . .
형식
CSV:발표일,거주지,연대,성별
문자 코드: SJIS
GCP
사용 서비스
· App Engine
· Compute Engine
사용 기술
· 파이썬
・Flask
· Jinja2
· HTML
・JavScript
· Chart.js
출력 HTML 예
<!DOCTYPE html>
<html>
<head lang="ja">
<meta charset="UTF-8">
<title>新型コロナウイルス 神奈川県オープンデータ使用</title>
<link type="text/css" rel="stylesheet" media="screen" href="/static/opendata.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<script type="text/javascript" src="https://github.com/nagix/chartjs-plugin-colorschemes/releases/download/v0.2.0/chartjs-plugin-colorschemes.min.js"></script>
</head>
<body>
<h1>新型コロナウイルス 神奈川県</h1>
<div id="div-textcenter">
<p>神奈川県「新型コロナウイルス感染症対策 陽性患者数及び陽性患者の属性データ」使用</p>
<a href="https://www.pref.kanagawa.jp/osirase/1369/">新型コロナウイルス感染症対策サイト</a>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>居住地グラフ</h3>
<canvas id="myChart"></canvas>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>性別グラフ</h3>
<canvas id="chartGender"></canvas>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>年代グラフ</h3>
<canvas id="chartAge"></canvas>
</div>
<script type="text/javascript">
data = {
datasets: [{
data: [27,14,12,7,6,6,6,4,3,3,1,1,1,1,
]
}],
labels: [
'神奈川県相模原市','神奈川県横浜市','神奈川県平塚保健福祉事務所管内','神奈川県鎌倉保健福祉事務所管内','神奈川県厚木保健福祉事務所管内','神奈川県藤沢市','神奈川県川崎市','神奈川県','神奈川県小田原保健福祉事務所管内','神奈川県横須賀市','神奈川県茅ヶ崎市保健所管内','スペイン（横浜市発表）','国外（川崎市発表）','川崎市外（川崎市発表）',
]
};
var ctx = document.getElementById('myChart').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: data
});
datagender = {
datasets: [{
data: [56,34,2,
]
}],
labels: [
'男性','女性','−',
]
};
var ctx = document.getElementById('chartGender').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: datagender
});
dataage = {
datasets: [{
data: [16,15,13,11,11,9,9,5,2,1,
]
}],
labels: [
'20代','70代','50代','30代','60代','80代','40代','−','90代','10代',
]
};
var ctx = document.getElementById('chartAge').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: dataage
});
</script>
</body>
Reference
이 문제에 관하여(가나가와현 오픈 데이터 「신형 코로나 바이러스 감염증 대책 양성 환자수 및 양성 환자의 속성 데이터」를 GCP로 그래프 작성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/cloudsnow/items/de09c2662643056b162f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
사용 서비스
· App Engine
· Compute Engine
사용 기술
· 파이썬
・Flask
· Jinja2
· HTML
・JavScript
· Chart.js
출력 HTML 예
<!DOCTYPE html>
<html>
<head lang="ja">
<meta charset="UTF-8">
<title>新型コロナウイルス 神奈川県オープンデータ使用</title>
<link type="text/css" rel="stylesheet" media="screen" href="/static/opendata.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<script type="text/javascript" src="https://github.com/nagix/chartjs-plugin-colorschemes/releases/download/v0.2.0/chartjs-plugin-colorschemes.min.js"></script>
</head>
<body>
<h1>新型コロナウイルス 神奈川県</h1>
<div id="div-textcenter">
<p>神奈川県「新型コロナウイルス感染症対策 陽性患者数及び陽性患者の属性データ」使用</p>
<a href="https://www.pref.kanagawa.jp/osirase/1369/">新型コロナウイルス感染症対策サイト</a>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>居住地グラフ</h3>
<canvas id="myChart"></canvas>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>性別グラフ</h3>
<canvas id="chartGender"></canvas>
</div>
<div style="width:800px; margin: 0 auto;">
<h3>年代グラフ</h3>
<canvas id="chartAge"></canvas>
</div>
<script type="text/javascript">
data = {
datasets: [{
data: [27,14,12,7,6,6,6,4,3,3,1,1,1,1,
]
}],
labels: [
'神奈川県相模原市','神奈川県横浜市','神奈川県平塚保健福祉事務所管内','神奈川県鎌倉保健福祉事務所管内','神奈川県厚木保健福祉事務所管内','神奈川県藤沢市','神奈川県川崎市','神奈川県','神奈川県小田原保健福祉事務所管内','神奈川県横須賀市','神奈川県茅ヶ崎市保健所管内','スペイン（横浜市発表）','国外（川崎市発表）','川崎市外（川崎市発表）',
]
};
var ctx = document.getElementById('myChart').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: data
});
datagender = {
datasets: [{
data: [56,34,2,
]
}],
labels: [
'男性','女性','−',
]
};
var ctx = document.getElementById('chartGender').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: datagender
});
dataage = {
datasets: [{
data: [16,15,13,11,11,9,9,5,2,1,
]
}],
labels: [
'20代','70代','50代','30代','60代','80代','40代','−','90代','10代',
]
};
var ctx = document.getElementById('chartAge').getContext('2d');
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: dataage
});
</script>
</body>
Reference
이 문제에 관하여(가나가와현 오픈 데이터 「신형 코로나 바이러스 감염증 대책 양성 환자수 및 양성 환자의 속성 데이터」를 GCP로 그래프 작성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/cloudsnow/items/de09c2662643056b162f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
