inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실무중심의 HTML5 시각화 프로그래밍

nvd3.js (1/3)

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

265

terecal

작성한 질문수 162

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

답변 0

part3. spy 쪽 / part3,part4 강의자료

0

32

2

최종 코드

0

40

2

Open AI 결제

0

40

2

figma 파일을 받을 수가 없어요

0

48

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

37

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

42

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

56

1

구글 서치콘솔 도메인 소유권 확인 실패

0

39

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

59

1

다음 강의 얼른 올려주세요

0

44

2

일반 강의와 차이점?

1

53

1

중요하진 않지만 설명하신부분에서 안된부분..

1

37

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

stopPropagation()에 대해서 질문 있습니다.

0

50

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

51

2

파트9 강의는 언제 오픈하시나요

0

51

2

ZIP 파일

0

55

2

26강 13F 강의 불일치 및 질문 요청

0

69

3

state 객체로 묶기

0

47

1

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

0

364

0

질문이 있습니다.

0

206

0

강의자료

0

273

0