DAEHEE KIM clonekim

Example of how to use zoom.extent and zoom.translateExtent to limit panning/zooming in d3 v4. The initial state of the visualisation are centered on coordinates [500, 1500] using zoom.transform. The limits for panning/zooming are set to [0, 5000].

	<!DOCTYPE html>
	<html>
	<head>
	<title>Pipeline test</title>
	<meta charset="UTF-8">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" />

	(ns example.api.google
	(:require [cemerick.url :as url]
	[cheshire.core :as json]
	[clj-jwt.core :as jwt]
	[clj-jwt.key :as key]
	[clj-time.core :as time]
	[clj-http.client :as http]
	[clojure.string :as str])
	(:import java.io.StringReader))

	import io.netty.bootstrap.Bootstrap
	import io.netty.channel.ChannelHandlerContext
	import io.netty.channel.SimpleChannelInboundHandler
	import io.netty.channel.nio.NioEventLoopGroup
	import io.netty.channel.socket.nio.NioDatagramChannel
	import io.netty.util.CharsetUtil
	import io.netty.util.concurrent.DefaultThreadFactory
	import kotlinx.coroutines.experimental.async
	import kotlinx.coroutines.experimental.newFixedThreadPoolContext

	import React, { useState, useEffect, createContext, useContext, ReactNode } from 'react'
	import Amplify, { Auth, Hub } from 'aws-amplify'
	import { CognitoUser } from '@aws-amplify/auth'
	import { CognitoUserSession } from 'amazon-cognito-identity-js'
	import { HubCallback } from '@aws-amplify/core/lib/Hub'
	import IUser from '../../types/IUser'

	interface IAuthContext {
	user: IUser \| null
	login(username: string, password: string): Promise<CognitoUser>

	package main

	import (
	"crypto/rand"
	"crypto/hmac"
	"crypto/sha1"
	"encoding/base32"
	"time"
	"fmt"
	)