block by dhoboy ccafe73e24cf9c36353f2641a4469314

Teaswarm

Full Screen

Comparing the teas available at San Francisco’s Song Tea and Ceramics and Red Blossom Tea. Data taken from each company’s website early May 2016. Tea selections change but this is a good idea of how the two companies stack up. Node size is scaled according to the less-important steep time. Plotted against price and leaf to water ratio per brew, the two more interesting dimensions. So basically, teas in the top right corner cost the most and need the most leaf per brew, meaning you’ll pay more for them and run out of them sooner.

These datasets have lots of overlap. In Song Tea Scatterplot you can’t even access the tea named Eighteen. Force layout collision constraint code from Mike Bostock’s Beeswarm fixes all this.

Fantastic.

Song Tea Photos by Johnny Fogg. Song & Red Blossom Photos taken from their websites.

index.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>
  body {
    font-family: sans-serif; 
  }
  .axis path,
  .axis line {
    fill: none;
    stroke: #666666;
    shape-rendering: crispEdges;
  }
  .axis text {
    fill: #666666;
    font-family: sans-serif;
    font-size: 14px;
  }
  text.axis_title {
    font-size: 15px;
    fill: black;
    font-weight: bold;
  }
  .node circle {
    fill-opacity: 0.75;
    stroke-opacity: 0.9;
    stroke: #555555;
    stroke-width: 1;
  }
  .node circle:hover {
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 2;
    stroke: #444 !important;
    z-index: 20;
  }
  .tooltip {
    background-color: #f7f7f7;
    padding: 3px 12px;
    font-family: sans-serif;
    border: 1px solid #bbbbbb;
    box-shadow: 1px 1px 4px #bbbbbb;
  }
  .tooltip_title {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
    max-width: 300px;
    word-wrap: normal;
  }
  .tooltip_body {
    font-weight: normal;
    margin: 5px 0;
  }
  .tooltip_img {
    max-width: 240px;
  }

</style>
<body>
<script src="https://d3js.org/d3.v4.0.0-alpha.35.min.js"></script>
<script>           
var dimensions = { x: "price_per_ounce", r: "brewing_time", y: "brewing_amount" };
var teaKeys = ["song", "redblossom"];
var companyName = { "song": "song tea", "redblossom": "red blossom tea" };

var margin = {top: 60, bottom: 100, right: 50, left: 100 },
    width = 960 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;

var x_axis,
    y_axis;

var x = d3.scaleLinear()
    .range([0, width]);

var y = d3.scaleLinear()
    .range([height, 0]);

var r = d3.scaleLinear()
    .range([5,15]);

var color = d3.scaleOrdinal()
    .domain(teaKeys)
    .range(["#6a3d9a", "#e31a1c"])

var xAxis = d3.axisBottom(x)
    .ticks(10, "$")

var yAxis = d3.axisLeft(y)
    .ticks(5, "%")
    
var svg = d3.select("body").append("svg")
    .attr("width", width + margin.right + margin.left)
    .attr("height", height + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")

var tooltip = d3.select("body")
    .append("div")
    .attr("class", "tooltip")
    .style("position", "absolute")
    .style("z-index", "10")
    .style("visibility", "hidden");

var tea = {}, remaining = 2;
d3.csv("song_scatter.csv", function(data) {
  tea.song = data;
  if (!--remaining) draw();
});

d3.csv("redblossom_scatter.csv", function(data) {
  tea.redblossom = data;
  if (!--remaining) draw();
});

function draw() {
  teaKeys.forEach(function(company) {
    tea[company] = tea[company].map(function(d) {
      return {
        company: company,
        tea_name: d.tea,
        brewing_amount: +d["brewing_amount(g)"],
        brewing_temp: +d["brewing_temp(F)"],
        brewing_time: +d["brewing_time(minutes)"] * 60,
        brewing_volume: +d["brewing_volume(ml)"],
        price_per_ounce: +d["price_per_oz($)"],
        type: d.type,
        location: d.location,
        imgUrl: d.imgUrl
      };
    });
  });

  tea = tea.song.concat(tea.redblossom);

  x.domain([0, d3.max(tea, function(d) { return d[dimensions.x]; } )]);
  y.domain(d3.extent(tea, function(d) { return d[dimensions.y]/d["brewing_volume"]; }));
  r.domain(d3.extent(tea, function(d) { return d[dimensions.r]; }));
  
  var simulation = d3.forceSimulation(tea)
    .force("x", d3.forceX(function(d) { return x(d[dimensions.x]); }).strength(1))
    .force("y", d3.forceY(function(d) { return y(d[dimensions.y]/d["brewing_volume"]); }).strength(1))
    .force("collide", d3.forceCollide(12))
    .stop();

  for (var i = 0; i < 120; ++i) simulation.tick(); 

  var node = svg.selectAll("g")
    .data(tea)
    .enter()
    .append("g")
    .attr("class", "node")
    
  node
    .append("circle")
    .attr("cx", function(d) { return d.x; })
    .attr("cy", function(d) { return d.y; })
    .attr("r", function(d) { return r(d[dimensions.r]); })
    .style("fill", function(d) { return color(d.company); })
    
    .on("mouseover", function(d) {
       tooltip.html("");
       tooltip.append("h3").attr("class", "tooltip_title");
       tooltip.append("img").attr("class", "tooltip_img");
       tooltip.append("pre").attr("class", "tooltip_body");
       tooltip.select(".tooltip_title")
         .text(d.tea_name)

       tooltip.select("img")
         .attr("src", d.imgUrl);

       tooltip.select(".tooltip_body")
         .text(
           "company: " + companyName[d.company] + "\n" + 
           "type: " + d.type + "\n" +
           "price: $" + d.price_per_ounce + "/oz\n" + 
           "brewing volume: " + d.brewing_volume + " ml\n" +
           "brewing amount: " + d.brewing_amount + " grams\n" + 
           "brewint temperature: " + d.brewing_temp + " °F\n" +   
           "brewing time: " + d.brewing_time + " seconds\n"
          );

       return tooltip.style("visibility", "visible");
     })
     .on("mousemove", function() {
       return tooltip.style("top", (d3.event.pageY-52) + "px").style("left", (d3.event.pageX+18) + "px");
     })
     .on("mouseout", function() {
       return tooltip.style("visibility", "hidden");
     });

  // draw the axes
  x_axis = svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis)
    .append("text")
    .attr("transform", "translate(655,50)")
      .attr("class", "axis_title")
      .text("Price per ounce")

  y_axis = svg.append("g")
    .attr("class", "y axis")
    .attr("transform", "translate(0" + ",0)")
    .call(yAxis)
    .append("text")
    .attr("transform", "translate(-60,170) rotate(-90)")
      .attr("class", "axis_title")
      .text("Leaf to water ratio per brew")  
}

</script>

redblossom_scatter.csv

tea,brewing_amount(g),brewing_volume(ml),brewing_temp(F),brewing_time(minutes),price_per_oz($),type,location,imgUrl
yunnan pearl,3.5,177,200,1.5,4.88,red,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/y/u/yunnan_black5_2.jpg
persimmon blossom (ya sai),3.5,177,205,1,30,oolong,chaozhou_guangdong_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/p/op-100_6_1.jpg
tung ting mi xiang,5,177,205,2,12.5,oolong,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/t/ttmx2015-3.jpg
spring mao feng,2.5,177,185,1,7.5,green,songxi county_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/r/org-maofeng.jpg
da yu lin,5,177,195,4,30,oolong,da yu lin_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-153-1_1_1.jpg
dragon pearl jasmine green,3.5,177,195,1,8,scented,fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-101-1_2.jpg
ming qian dragonwell panan supreme,2,177,175,1,31,green,pan'an county_zhejiang_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-161-2-1_1_1.jpg
white dragon pearl osmanthus,3.5,177,195,1,10,scented,china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/i/m/img_6964-3.jpg
organic shou mei,3.5,177,195,2.5,2.63,white,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0146.jpg
wild leaf menghai sheng puerh 2003,3.5,177,212,1,14,puerh,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/e/m/emperor1998_4.14.11.jpg
grand shou wild leaf lincang puerh 2006,4,177,212,1.5,9,puerh,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-128-1_2.jpg
golden monkey first pick,3.5,177,200,1,8.5,red,wuyi shan_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/m/gm-firstpick-2015.jpg
organic fuding silver needle,3.5,177,195,1.5,18.5,white,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-102.jpg
white dragon pearl premium,3.5,177,195,1,10,white,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-110-1_1.jpg
lishan spring,5,177,200,3,15.5,oolong,lishan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishann.jpg
wenshan baozhong,4,177,200,2,11.75,oolong,pinglin district_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-170-1_1.jpg
pre-rain dragonwell,2,177,175,1,8.5,green,pan'an county_zhejiang_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-103-1_5.jpg
fu shou shan,5,177,200,3,18,oolong,fu shou shan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/u/fushou.jpg
alishan,4.5,177,200,2.5,12.5,oolong,alishan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/a/l/alishan.jpg
jin xuan winter sprout,4.5,177,200,1.75,20,oolong,san lin xi_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0566.jpg
xin gong yi (new craft),3.5,177,195,2.5,9,white,fuding_fujian,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-104_1.jpg
organic celadon pearl,3,177,180,.5,3,green,zhejiang_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-110-1_1.jpg
fuding xue long (snow dragon),2.5,177,185,1,10,green,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-165_4.jpg
organic bai mu dan,3.5,177,195,2.5,7.25,white,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-116-1_1.jpg
organic cloud and mist,2,177,175,.5,4,green,fuding_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-113-1_1.jpg
dark roast tieguanyin,6,177,200,2,9,oolong,anxi county_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-113-1_1.jpg
monkey picked tieguanyin,5,177,200,2,6.5,oolong,anxi county_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/m/o/monky-2015.jpg
lishan winter,5,177,200,2.5,15.5,oolong,lishan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-137-1.jpg
san lin xi winter,5,177,200,2.5,14,oolong,san lin xi_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-142-1.jpg
jin xuan,4.5,177,200,3,10,oolong,alishan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-110-1_1.jpg
tung ting spring,5,177,200,1.5,6,oolong,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-100-1_1.jpg
tung ting dark roast,5,177,200,1,7.5,oolong,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/of-101-1_1.jpg
gunpowder,2,177,180,.5,2,green,zhejiang_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/-/g-135-1_2.jpg
mi lan xiang (honey orchid),3.5,177,205,1,15,oolong,chaozhou_guangdong_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/p/op-110_5.jpg
aged tieguanyin ca. 1986,4,177,200,1.5,15,oolong,anxi county_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/g/tgy_ca.86_2.jpg
heritage grand scarlet robe,3.5,177,200,1.334,19,oolong,wuyi shan_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/w/ow-121-1_2.jpg
heritage golden buddha,3.5,177,200,1,12.5,oolong,wuyi shan_fujian,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/w/ow-151-1_1.jpg
lishan hong mi xiang (honey fragrance),3.5,177,195,1,30,red,lishan_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0606-2_1_1.jpg
formosa red native cultivar mi xiang,3.5,177,205,1.75,12.5,red,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/_/d/_dsc0598-2_2.jpg
formosa red #18 mi xiang,3.5,177,205,1.75,12.5,red,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-116-1_1.jpg
organic formosa red assam,3.5,177,205,1.75,10,red,nantou county_taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-118_1.jpg
three cultivar red,3.5,177,205,2,9,red,fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-119_2_2.jpg
gold thread reserve,3.5,177,200,1.5,13,red,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/goldthreadreserve_15.11.19_1.jpg
organic golden monkey,3.5,177,200,1,3.5,red,wuyi shan_fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/-/b-112-1.jpg
wild leaf sheng puerh 1998,4,177,212,2,15,puerh,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-205-1.jpg
emperor puerh 1998,4,177,212,1,11.5,puerh,yunnan_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/p/-/p-300-1.jpg
jasmine mao jian,3.5,177,185,1.5,2.63,scented,fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-160-1.jpg
rose black,3.5,177,205,1,3,scented,guangdong_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/a/ba-105-1.jpg
dragon pearl jasmine supreme,3.5,177,195,1,10,scented,fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-101-1.jpg
organic dragon pearl jasmine,3.5,177,195,1,6.25,scented,fujian_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/-/j-100-1.jpg
tung ting ginseng,5,177,200,1.5,8.5,oolong,taiwan,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/f/ofa-105-1.jpg
lychee black,3.5,177,205,1,3,scented,guangdong_china,http://www.redblossomtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/a/ba-100-1.jpg

song_scatter.csv

tea,brewing_amount(g),brewing_volume(ml),brewing_temp(F),brewing_time(minutes),price_per_oz($),type,location,imgUrl
aged baozhong 1960,5,150,203,2,25,oolong,wenshan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/9/1960_baozhong-01.jpg
buddha's hand,6,150,203,2.5,23,oolong,alishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/u/buddha_hand_01.jpg
dragonwell,4,150,175,1,44,green,zhejiang_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/d/r/dragonwell-01_1.jpg
eighteen,4,150,203,1.5,10.50,red,sun moon lake_yuchi township_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/e/i/eighteen-01.jpg
formosa dahongpao 1992,5,150,205,1.5,37.5,oolong,shan lin xi_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/9/1992_formosa_dahongpao-01.jpg
formosa yancha,6,150,205,2,23,oolong,shan lin xi_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/o/formosa_yancha_1.jpg
four seasons red,5,150,203,1,27,red,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/f/o/four_seasons_red_1.jpg
gold peony red,5,150,203,1.5,10,red,fujian_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_red-01.jpg
gold peony rolled leaf,5,150,205,2,16,oolong,fujian_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_rolled-01.jpg
gold peony twisted leaf,5,150,205,2,14,oolong,fujian_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/gold_peony_twisted-01.jpg
golden needle,5,150,203,2,5,red,songxi county_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/g/o/golden_needle-01_1.jpg
huang meigui,4,150,200,1.5,11,white,fujian_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/h/u/huang_meigui_1.jpg
lishan orchid,6,150,203,2,23,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_orchid_1.jpg
lishan shuixian,5,150,205,1,25,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_shuixian-01.jpg
lishan winter sprout,6,150,205,1,25,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/i/lishan_ws-01.jpg
nantou dark,6,150,205,2,11,oolong,nantou county_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/n/a/nantou_dark-01.jpg
old tree shuixian,5,150,212,2,36,oolong,wuyi shan_fujian_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/l/old_tree_shuixian-01.jpg
old tree yunnan red,5,150,208,1,11,red,fengqing county_lincang prefecture_yunnan_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/o/l/old_tree_yunnan-01.jpg
red water shuixian,5,150,205,1,27.5,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/r/e/red_water_shuixian-01.jpg
red water tieguanyin,5,150,205,2,25,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/r/e/red_water_tieguanyin-01.jpg
shan lin xi winter sprout,6,150,205,1,18,oolong,shan lin xi_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/a/san_lin_xi_ws-01.jpg
snow jasmine,3,150,180,1,11,scented,mengding shan_sichuan_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/n/snow_jasmine-01.jpg
twenty one,3,150,203,1.5,19,red,sun moon lake_yuchi township_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/t/w/twenty_one-01.jpg
wild mao feng,4,150,180,.5,12.5,green,shexian county_anhui_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/i/wild_maofeng-01.jpg
winter shuixian,5,150,205,1,25,oolong,lishan_taiwan,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/i/winter_shuixian-01.jpg
zhu ye qing,4,150,175,1,25,green,sichuan province_china,https://songtea.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/z/h/zhu_ye_qing-01.jpg