inflearn logo
강의

Course

Instructor

Practice-oriented HTML5 visualization programming

nvd3.js (1/3)

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

291

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 {
            font: 12px sans-serif;
        }

        svg {
            display: block;
        }

        html,
        body,
        #chart1,
        svg {
            margin: 0px;
            padding: 0px;
            height: 100%;
            width: 100%;
        }

        .dashed {
            stroke-dasharray: 5, 5;
        }
    </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

20

0

연애인 사주는 그냥 넣어도 상관없나요?

0

45

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

42

1

인프당 무당 캐릭터 뽑는 프롬프트

0

52

2

10월 15일 삭제예정 강의 문의

0

44

1

강의가 중복됐어요

0

58

1

결제가 이루어지는 방식에 대한 문의

0

70

1

강의제목에 10/15일 삭제라고 나와있는데,

0

49

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

1강 동영상 재생 오류

1

70

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

46

1

Composition단계에서 `Layer`는 누가 만드는지

0

48

1

Strict Mode 예시 질문!

0

65

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

67

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

95

4

설명이 잘못된거같습니다.

1

80

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

68

1

bitnami 설치

0

41

0

강의 소스 코드는 어디서 볼수 있나여?

1

72

1

자료집 관련

0

69

2

13. (App 2) 기본기 훈련 에서

0

98

1

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

0

387

0

질문이 있습니다.

0

230

0

강의자료

0

287

0