TIL-20220731-WEEKEND

회고

• 7월도 끝났다.
• 8월이다. 덥겠지만 힘내보자.
• practice와 theory 사이에서 balance 잡는게 중요하다.
  • 그것보다 더 중요한건 난 지금 novice이니까 닥치는대로 practice든 theory든 소화를 해야한다.
  • balancing은 novice를 벗어나야 가능하다.

SVG

• Basic shapes
  • Rectangle
  • Circle
  • Ellipse
  • Line
  • Polyline
  • Polygon
  • Path

• Fills and Strokes
  • Fill and Stroke Attributes
    • Painting
    • Stroke
  • Using CSS

d3.js

• d3-scale / scaleLinear()
  • d3.scaleLinear constructs creates a scale with a linear relationship between input and output.
  • We'll specify their range and domain as two intervals - the slope and intersect will be determined in such a way that the start of the domain is mapped to the start of the range, and the end of the domain is mapped to the end of the range.
  • Usually, the domain will be in the observation's unit (Celsius degrees, US dollars, seconds...), and the range in screen or print unit (pixels, millimemters... or even CSS colors).
  • Table of Contents
    • A flipped range(related to coordinate)
    • Nice bounds
    • Round ranges
    • Piecewise scales
    • Non-numeric range
    • Clamping
    • Unknown
    • Invert (limited)
    • Interpolate (customized)
    • Shorthand notation (range, domain)
    • Identity

• learn-d3 / shapes
  • 계속 삽질 중...
  • svg, graphics 관련 일반 상식, htl 등에 대해 알아가는 중이라 속도가 더디다 확실히 bostock 형님은 대단하신듯.. NY graphics top leader 였던 이유가...
    
  • 전혀 interactive 하지않은 pure static line chart 하나 만들었다..
    • interactivity와 animation으로 customization할 레벨까지 올라가지 않으면 의미가 없으므로(그럴려면 vega-lite, chartjs. hichart, plotlyjs 쓰지.. 괜히 어렵게..) 잘해보자...