๐ ๊ณต๋ถํ๋ ์ง์ง์ํ์นด๋ ์ฒ์์ด์ง?
์นํ์ด์ง์ csv ํ์ผ ๊ทธ๋ํ ๊ทธ๋ฆฌ๊ธฐ ๋ณธ๋ฌธ
๐ฉ๐ป ๋ฐฑ์๋(Back-End)/Node js
์นํ์ด์ง์ csv ํ์ผ ๊ทธ๋ํ ๊ทธ๋ฆฌ๊ธฐ
์ง์ง์ํ์นด 2022. 11. 17. 14:46728x90
๋ฐ์ํ
<๋ณธ ๋ธ๋ก๊ทธ๋ huyle333๋ ์ ๋ธ๋ก๊ทธ๋ฅผ ์ฐธ๊ณ ํด์ ๊ณต๋ถํ๋ฉฐ ์์ฑํ์์ต๋๋ค :-)>
https://github.com/huyle333/graphs-from-csv
๐ ํ์ผ ๊ตฌ์กฐ
๐ ์ฝ๋ ์์
- ์ฝ๋๋ ์ฒจ๋ถ ์ฃผ์ git clone~
- css/style.css
.my-div {
font-size : 40px;
height : 200px;
text-align : center;
}
- index.html
<!DOCTYPE html>
<html>
<head>
<title>Creating website graphs from CSV files</title>
<link rel='stylesheet' href='stylesheets/style.css' />
<link rel='stylesheet' href='stylesheets/bootstrap.min.css' />
<link rel='stylesheet' href='stylesheets/font-awesome.min.css' />
<!-- Load c3.css -->
<link href="stylesheets/c3.css" rel="stylesheet" type="text/css">
<!-- Load d3.js and c3.js -->
<script src="javascripts/d3.v3.min.js" charset="utf-8"></script>
<script src="javascripts/c3.min.js"></script>
<!-- Load papaparse.js -->
<script src="javascripts/papaparse.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<br><br><br>
<div class='my-div'>
Anomaly Detection Graphs
</div>
<div class="container">
<div id="chart"></div>
</div>
<script src="javascripts/create-graph.js"></script>
</body>
</html>
๐ ์๊ฐํ
- python ์์ ์์๋ก ์๋ฒ ์ด์ด์ค๋ค
python -m SimpleHTTPServer 8080
์ ์.. . ์ ๋ชฉ๋ง ๋ฐ๋๋................
728x90
๋ฐ์ํ
'๐ฉโ๐ป ๋ฐฑ์๋(Back-End) > Node js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์น์์ ๊ทธ๋ํ ๋ง๋๋ d3.js ์์๋ณด๊ธฐ (0) | 2022.11.21 |
---|---|
์น์์ ๊ทธ๋ํ ๋ง๋๋ c3.js ์์๋ณด๊ธฐ (0) | 2022.11.21 |
๋ค์ ๋์ .. Flask ์น ์ฑ ์๋น์ค ๋ง๋ค๊ธฐ (3) (0) | 2022.11.15 |
๋ค์ ๋์ .. Flask ์๋ฒ์์ ํด๋ผ์ด์ธํธ๋ก ๋ฐ์ดํฐ ๋ณด๋ด๊ธฐ (2) (0) | 2022.11.15 |
๋ค์ ๋์ .. Flask ๊ธฐ๋ณธ์ ์ธ ์น ํ์ด์ง ๊ตฌ์ถ (1) (0) | 2022.11.15 |
Comments