inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Lập trình trực quan hóa HTML5 theo định hướng thực tế

nvd3.js (1/3)

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

265

terecal

162 câu hỏi đã được viết

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

Câu trả lời 0

변수 설정 시에 질문입니다.

0

7

1

설치 및 설정 가이드 노션 자료는 없나요 ?

0

24

2

counter01.html은 어디있을까요?

1

16

1

수업자료 문의

0

34

2

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

0

43

2

최종 코드

0

42

2

Open AI 결제

0

46

2

figma 파일을 받을 수가 없어요

0

56

1

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

0

41

1

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

0

49

2

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

0

86

1

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

0

51

2

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

0

62

1

다음 강의 얼른 올려주세요

0

44

2

일반 강의와 차이점?

1

59

1

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

1

40

1

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

0

75

2

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

0

53

2

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

0

43

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

52

2

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

0

366

0

질문이 있습니다.

0

211

0

강의자료

0

273

0