문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12 wiki:d3 http://rwiki.repia.com/ 2026-04-17T13:22:12+00:00 문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12 http://rwiki.repia.com/ http://rwiki.repia.com/lib/tpl/mindthedark/images/favicon.ico text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) wiki:d3:막대차트_그리기 http://rwiki.repia.com/doku.php?id=wiki:d3:%EB%A7%89%EB%8C%80%EC%B0%A8%ED%8A%B8_%EA%B7%B8%EB%A6%AC%EA%B8%B0&rev=1673603053&do=diff D3 예제 : 막대차트 그리기 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://d3js.org/d3.v5.min.js"></script> <title>D3.js Example</title> </head> <body> <svg width = "500" height = "500"></svg> <script> const dataFile = [10, 20, 30, 40, 50]; // 데이터배열 선언. const svg = d3.select("svg"); // DOM에서 <svg>요소를 찾는다. … text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) wiki:d3:colorschemes http://rwiki.repia.com/doku.php?id=wiki:d3:colorschemes&rev=1673603053&do=diff Chart.js 라이브러리 : colorschemaes 사용하기 "CDN" <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-colorschemes"></script> * chrt.js 2.9.x 하위 버전에서만 사용 됨 text/html 2023-01-13T18:44:13+00:00 Anonymous (anonymous@undisclosed.example.com) wiki:d3:datalabels http://rwiki.repia.com/doku.php?id=wiki:d3:datalabels&rev=1673603053&do=diff Chart.js 라이브러리 : 데이터라벨 표시하기 "CDN" <script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script> "Option