[{"data":1,"prerenderedAt":214},["ShallowReactive",2],{"project-26692631":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":43,"post_text":44,"what":45,"said":89,"maker_in_thread":144,"shape":151,"grid":153,"attempts":175,"same_week":176,"maker_shows":34,"maker_hidden":206,"reader_version":207,"card":208},"26692631","roombelt-activity-map","Map of active customers for landing page","title","Show HN: Map of active customers for landing page","https:\u002F\u002Fgithub.com\u002Fziolko\u002Froombelt-activity-map","github.com","ziolko",1617568699,2021,34,11,1076,2533,43,"shown","web_saas","landing page widget","web_app",[24,25,26,27,28],"activity map","svg map","landing page","redis","live customers","debated",0.123,{"positive":32,"neutral":33,"mixed":33,"critical":34},5,0,3,8,{"performance":37,"design":39,"idea":40,"execution":42},{"positive":33,"critical":38},2,{"positive":38,"critical":33},{"positive":41,"critical":33},1,{"positive":38,"critical":41},[41,33,32,32,33,41,41,32,33,32,32],null,{"problem":46,"audience":56,"pricing":44,"motivation":60,"time_to_build":44,"stack":65,"openness":86,"stage":87,"team_size":88},{"value":47,"source":48,"evidence":49},"Showing active customers on a landing page as an animated map.","inferred",[50,53],{"id":51,"by":11,"text":52},"26695812","My primary goal was to get this up and running for my website. I really enjoyed the end effect so decided to open-source it as is.",{"id":54,"by":11,"text":55},"26695785","I considered this, but it doesn't add much value for my primary use case (landing page). While doing this I've learned that one can embed a \u003Cscript> tag into SVG so this can…",{"value":57,"source":48,"evidence":58},"Website owners wanting a live customer activity display.",[59],{"id":51,"by":11,"text":52},{"value":61,"source":62,"evidence":63},"Built for the maker's own website; open-sourced after enjoying the effect.","maker",[64],{"id":51,"by":11,"text":52},[66,74,78,82],{"value":67,"source":68,"evidence":69},"JavaScript","commenter",[70],{"id":71,"by":72,"text":73},"26693321","edoceo","It's cool but why the dependency on Vercel account for what is basically js\u002Fredis\u002Fsvg?",{"value":75,"source":68,"evidence":76},"Redis",[77],{"id":71,"by":72,"text":73},{"value":79,"source":68,"evidence":80},"SVG",[81],{"id":71,"by":72,"text":73},{"value":83,"source":68,"evidence":84},"Vercel",[85],{"id":71,"by":72,"text":73},"open_source","launched","unknown",{"praise":90,"objections":106,"requests":122,"questions":131,"alternatives":139},[91],{"value":92,"source":68,"evidence":93},"Clean hexagon design and simple integration.",[94,98,102],{"id":95,"by":96,"text":97},"26694567","leesalminen","I had a customer ask for something similar a while back and ended up building something pretty close to this with Redis. I like your design more with the hexagons.",{"id":99,"by":100,"text":101},"26694288","friendofafriend","Nice work. I appreciate the relative simplicity of the integration & look forward to using this soon. Edit: Why the downvote?",{"id":103,"by":104,"text":105},"26693469","eliseumds","Well, the server-side part of it needs to run somewhere. Looks pretty good to me, very straightforward.",[107,118],{"value":108,"source":68,"evidence":109},"High CPU usage from the animated SVG in browsers.",[110,114],{"id":111,"by":112,"text":113},"26698002","eerimoq","The CPU usage sky rockets when showing the world SVG in my Chromium browser. Is there any trick to make the animated SVG be less CPU intensive?",{"id":115,"by":116,"text":117},"26697063","Gys","Looks very cool and I appreciate the refs to previous work, very interesting. On my Mabook Pro 2019 the github page immediately takes a lot of cpu time. In whatever browser I am…",{"value":119,"source":68,"evidence":120},"Depends on a Vercel account for a simple stack.",[121],{"id":71,"by":72,"text":73},[123,127],{"value":124,"source":68,"evidence":125},"Lower CPU usage for the animation.",[126],{"id":111,"by":112,"text":113},{"value":128,"source":68,"evidence":129},"Better rendering in Safari.",[130],{"id":115,"by":116,"text":117},[132],{"value":133,"source":68,"evidence":134},"Whether the live-streaming SVG is forever-loading.",[135],{"id":136,"by":137,"text":138},"26694844","lxe","Is this a live-streaming (forever-loading) SVG? Neato!",[140],{"value":141,"source":68,"evidence":142},"A custom Redis-based build for a client.",[143],{"id":95,"by":96,"text":97},{"comments":34,"answered":34,"key":145},[146,149,150],{"id":147,"text":148},"26703519","Right, the animated SVG can be demanding for the browser. I will try to solve this in the upcoming days :)",{"id":54,"text":55},{"id":51,"text":52},{"commenters":35,"max_depth":34,"maker_replies":34,"first_comment_mins":152,"lifespan_hours":14},100,[154,156,158,161,163,165,166,168,170,172,174],[111,33,41,155,112,33],"project\u002Fcritical\u002Fperformance",[147,33,33,157,11,41],"maker\u002Fneutral\u002Fperformance",[159,33,32,160,112,33],"26708595","project\u002Fpositive\u002Fdesign",[136,41,32,162,137,33],"project\u002Fpositive\u002Fidea",[54,41,33,164,11,41],"maker\u002Fneutral\u002Fexecution",[115,38,41,155,116,33],[71,34,41,167,72,33],"project\u002Fcritical\u002Fexecution",[103,34,32,169,104,33],"project\u002Fpositive\u002Fexecution",[51,34,33,171,11,41],"maker\u002Fneutral\u002Fidea",[95,173,32,160,96,33],4,[99,32,32,169,100,33],[],[177,182,187,192,197,201],{"id":178,"name":179,"points":180,"category":181},"26691626","pdf (paged.js PDF guide)",742,"dev_tools",{"id":183,"name":184,"points":185,"category":186},"26700770","aava.sh",425,"productivity",{"id":188,"name":189,"points":190,"category":191},"26659553","Mail Studio",395,"creative",{"id":193,"name":194,"points":195,"category":196},"26661223","Simplenetes",296,"infrastructure",{"id":198,"name":199,"points":200,"category":186},"26673221","Grit",255,{"id":202,"name":203,"points":204,"category":205},"26719105","DragonRuby",234,"languages",false,"v2",{"id":209,"name":5,"line":6,"ai":206,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":210,"top":18,"kw":211,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":212,"url":9,"mix":213,"praise":92,"objection":108,"sub":21},26692631,0.12,[24,25,26,27,28],"10550115055",[32,33,33,34],1793991026309]