codetricity

/**
 * Copyright 2018 Ricoh Company, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software

codetricity

d3.csv('data/rainfall-by-state.csv').then(data => {
  data.forEach(stateData => {
    stateData.rainfall = +stateData.rainfall;
    const checkChar = /^[A-Z]/;
    for (let i = 0; i < 5; i++) {
      if (checkChar.test(stateData.state)) {
        console.log('found capital letter');
        break;
      } else {
        stateData.state = stateData.state.substring(1);

codetricity

BTS Profile Height Analysis

Use the previous projects on temperature and BTS member height as a reference to create a chart that uses a graphic as data point marker instead of the previous circle.

codetricity

Show Data

Demo

https://codetricity.github.io/d3-bts/profile.html

codetricity

BTS Profiles Part 2 - Show Image

Use Data Update Pattern

1. select
2. data
3. exit
4. update

codetricity

BTS Profiles

Setup

Create folders for

1. css
2. assets

codetricity

Add Bitmap Images

Continuation of data join lesson for Civil War

https://gist.github.com/codetricity/3f4958488fdf87b912988bfa77384661

codetricity

Learn Data Join Pattern

Goal

Learn pattern to change data on the same chart. For example, change data from Union to Confederate.

Pattern: Data Doesn't Change

1. selectAll( thing to draw such as circle )

codetricity

k-pop

1. BTS member height in cm.

https://kprofiles.com/bts-bangtan-boys-members-profile/

2. Tour Timeline

total attendance with tooltip for countries

codetricity

Civil War Part 2 - Adding Confederate and Border States

Demo

https://codetricity.github.io/d3-maps/

Append Group to svg