inflearn logo
강의

Course

Instructor

Practice-oriented HTML5 visualization programming

nvd3.js (1/3)

처음 기본 템플릭까지 코드좀 제공해주시면 안될까여?

282

terecal

162 asked

0

3분 19초까지 이게 맞을까요?

기본 코드 따라 치기도 빡세요 ㅋㅋ

<!DOCTYPE html>
<html lang="kr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>인프런과 함께 하는 시각화 강좌</title>
    <link href="../build/nv.d3.css" rel="stylesheet" type="text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js" charset="utf-8"></script>

    <style>
        text {
            font12px sans-serif;
        }

        svg {
            displayblock;
        }

        html,
        body,
        #chart1,
        svg {
            margin0px;
            padding0px;
            height100%;
            width100%;
        }

        .dashed {
            stroke-dasharray55;
        }
    </style>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js" charset="utf-8"></script>
    <script src="/lib/nvd3/build/nv.d3.js"></script>

    <script type="text/javascript">
        var chart;
        var legendPosition = "top";

        function sinAndCos() {
            var sin = [],
                cos = [];

            for (var i = 0; i < 100; i++) {
                sin.push({ x: i, y: Math.sin(i / 10) });
                cos.push({ x: i, y: .5 * Math.cos(i / 10) })
            }
        }

    </script>

</head>
<body class="width-3d-shadow with-transitions">
    <div style="position:absolute; top:0; left:0;">
        <button onClick="toggleLegend();">Toggle Legend Top/Bottom</button>
    </div>

    <div id="header" style="text-align:center;">
        <h2>nvd3.js 샘플 LineChart</h2>
    </div>
    <br><br>
    <div id="content" style="height:300px; width:100%;">
        svg
    </div>

</body>
</html>

HTML/CSS

Answer 0

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

17

1

장치 의존성과 CSR

0

27

1

순수 함수 / 순수 컴포넌트

0

18

1

css box-sizing 관련 질문

0

31

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

24

1

node.js 설치 (LTS버전)

0

25

1

Cursor & Antigravity 소개 및 설치

0

30

2

뉴스페이퍼 테마 관련

0

33

1

지우지 말아야할걸 지운상태로 저장해버렸어요....

0

31

1

24번 수업에 나온 창은 무슨 프로그램인가요

0

33

1

Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지

0

27

1

span 태그에 여백이 들어간 것 같은데 왜 그런건가요?

1

53

5

1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요

0

43

2

뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요

0

43

2

자료실

1

41

2

저는 일단 워드프레스로 블로그를 만들어 보려고

0

27

2

cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다

0

31

2

html / css 기초는 있습니다..

0

50

2

ReactScriptExample 관련 질문

0

40

1

class 이름을 section__title이라고 짓는 것에 대해서

0

52

2

수업자료와 노션 공유 문제

0

66

3

리액트랑 같이 쓰려면 어떻게 해야 되요?

0

376

0

질문이 있습니다.

0

219

0

강의자료

0

279

0