[{"data":1,"prerenderedAt":370},["ShallowReactive",2],{"project-30836647":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":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":41,"post_text":43,"what":44,"said":62,"maker_in_thread":153,"shape":164,"grid":169,"attempts":331,"same_week":332,"maker_shows":32,"maker_hidden":361,"reader_version":362,"card":363},"30836647","Visualize SQL Queries","My co-worker and I were debugging a SQL issue; having not seen SQL in two years, I embarrassed myself by confusing union vs.","post","Show HN: Visualize SQL Queries","https:\u002F\u002Fanimatesql.com","animatesql.com","bvm-101",1648508405,2022,259,63,179,2570,7,"legend","learning_science","sql education visualisation","web_app",[24,25,26,27],"sql visualization","sql joins","learn sql","sql animation","roasted",-0.233,{"positive":31,"neutral":32,"mixed":33,"critical":18},3,1,2,13,{"design":36,"idea":38,"execution":39,"performance":40},{"positive":37,"critical":33},0,{"positive":33,"critical":32},{"positive":37,"critical":33},{"positive":37,"critical":32},[37,37,37,37,32,32,37,37,32,31,31,31,32,42,31,31,37,37,37,37,37,37,37,37,37,37,37,37,37,37,37,32,37,37,37,37,37,37,37,37],5,"My co-worker and I were debugging a SQL issue; having not seen SQL in two years, I embarrassed myself by confusing union vs. join. After this episode, I tried refreshing my SQL memory, but there are few websites that animate SQL for you. Most of them just have a series of images to help you visualize. There are a few tools that are quite good and robust (especially for large\u002Fcomplex use cases) but require installation and are too complex for my simple purpose.\n\nSo, just created a small tool to help visualise SQL. Most of the animations are just my understanding of how SQL works. Would love to ",{"problem":45,"audience":50,"pricing":54,"motivation":55,"time_to_build":54,"stack":59,"openness":60,"stage":61,"team_size":60},{"value":46,"source":47,"evidence":48},"Hard to build an intuitive picture of how SQL queries work, such as union vs join.","maker",[49],{"id":7},{"value":51,"source":47,"evidence":52},"People refreshing or learning SQL.",[53],{"id":7},null,{"value":56,"source":47,"evidence":57},"Maker confused union and join at work and wanted a simple visual refresher.",[58],{"id":7},[],"unknown","beta",{"praise":63,"objections":83,"requests":106,"questions":132,"alternatives":144},[64,76],{"value":65,"source":66,"evidence":67},"Useful for understanding joins and LEFT JOIN.","commenter",[68,72],{"id":69,"by":70,"text":71},"30854382","FR10","Thank you for building this! I now understand the LEFT JOIN story shared a couple days ago.",{"id":73,"by":74,"text":75},"30860890","dsmmcken","Really cool for joins. It would be nice to be able to adjust the speed after you already started an animation, and maybe play\u002Fpause. I also expected to be able to type into the…",{"value":77,"source":66,"evidence":78},"Good for studying SQL.",[79],{"id":80,"by":81,"text":82},"30853385","gozeloglu","In overall, it seems good, I'll use it while studying SQL.",[84,95,99],{"value":85,"source":66,"evidence":86},"Procedural animation may mislead about declarative SQL and execution.",[87,91],{"id":88,"by":89,"text":90},"30852778","ComodoHacker","I'm not sure a procedural visualization is appropriate for a declarative language like SQL. It can be misleading both on underlying concepts (sets and relations) and actual query…",{"id":92,"by":93,"text":94},"30852078","jve","This may help you mentally map in brain what happens. But this is all table scanning and doesn't include indexes, which organize data in a tree. When you do SQL, you should…",{"value":96,"source":66,"evidence":97},"Ignores indexes and real query execution.",[98],{"id":92,"by":93,"text":94},{"value":100,"source":66,"evidence":101},"Unusable on mobile because examples span pages.",[102],{"id":103,"by":104,"text":105},"30853654","hackernewds","Promising. Unusable on mobile since the examples span multiple pages",[107,114,118,125],{"value":108,"source":66,"evidence":109},"Support more complex queries.",[110],{"id":111,"by":112,"text":113},"30852240","23202586","Very nice ! Would be happy to see more complex queries in the future, did you plan any update ?",{"value":115,"source":66,"evidence":116},"Play\u002Fpause and speed control during animation.",[117],{"id":73,"by":74,"text":75},{"value":119,"source":66,"evidence":120},"Fix LIMIT and OFFSET support.",[121],{"id":122,"by":123,"text":124},"30852862","ieee2","LIMIT not working. Try: SELECT whiteRating, blackRating FROM ChessGames WHERE gameWinner='black' LIMIT 2 OFFSET 8;",{"value":126,"source":66,"evidence":127},"Fix disabled duration buttons.",[128],{"id":129,"by":130,"text":131},"30856890","Natfan","Bug report: The buttons used to change the animation duration do nothing, probably because the buttons have the `disabled` attribute applied.",[133],{"value":134,"source":66,"evidence":135},"Has the maker seen revj or QBE tools?",[136,140],{"id":137,"by":138,"text":139},"30852394","flarg","Did you ever see http:\u002F\u002Frevj.sourceforge.net\u002F ?",{"id":141,"by":142,"text":143},"30852646","zozbot234","Can't you also do this with Microsoft Access or LibreOffice Base? I think it's called QBE, or Query By Example.",[145,149],{"value":146,"source":66,"evidence":147},"QBE in Microsoft Access or LibreOffice Base.",[148],{"id":141,"by":142,"text":143},{"value":150,"source":66,"evidence":151},"revj.sourceforge.net",[152],{"id":137,"by":138,"text":139},{"comments":42,"answered":33,"key":154},[155,158,161],{"id":156,"text":157},"30857535","Believe it or not, did not know there were tools to parse SQL to AST before this project. I was trying to parse sql manually XD.",{"id":159,"text":160},"30857126","Idea was to supplement the many websites that do explain SQL this way. But yes, I agree with that statement.",{"id":162,"text":163},"30856726","You're the best :)! Let me fix that.",{"commenters":165,"max_depth":166,"maker_replies":42,"first_comment_mins":167,"lifespan_hours":168},38,14,1891,52,[170,174,178,181,184,187,189,191,195,197,198,200,202,205,207,210,212,215,219,220,222,224,226,228,231,234,237,241,244,247,249,251,253,256,258,261,263,265,267,270,273,275,277,279,281,284,287,289,291,293,297,300,303,305,308,310,312,315,318,320,322,325,328],[171,37,37,172,173,37],"30855639","other\u002Fneutral\u002Fnone","bob1029",[175,37,37,176,177,37],"30856059","commenter\u002Fneutral\u002Fnone","v-erne",[179,37,37,172,180,37],"30857006","gavinray",[182,37,37,172,183,37],"30857995","greggsy",[185,37,37,172,186,37],"30859845","hermitdev",[156,37,37,188,11,32],"maker\u002Fneutral\u002Fnone",[88,32,32,190,89,37],"project\u002Fcritical\u002Fdesign",[192,32,32,193,194,37],"30855523","project\u002Fcritical\u002Fnone","rockostrich",[159,32,37,196,11,32],"maker\u002Fneutral\u002Fidea",[137,33,37,172,138,37],[199,33,37,172,104,37],"30853648",[201,33,37,172,180,37],"30854481",[203,33,37,172,204,37],"30854779","edallme",[141,31,32,206,142,37],"project\u002Fcritical\u002Fidea",[73,208,31,209,74,37],4,"project\u002Fmixed\u002Fdesign",[69,42,42,211,70,37],"project\u002Fpositive\u002Fidea",[129,213,32,214,130,37],6,"project\u002Fcritical\u002Fexecution",[216,213,31,217,218,37],"30857008","project\u002Fneutral\u002Fexecution","Benlights",[122,18,32,214,123,37],[162,18,37,221,11,32],"maker\u002Fpositive\u002Fnone",[111,223,42,211,112,37],8,[225,223,37,196,11,32],"30856815",[103,227,31,209,104,37],9,[80,229,42,230,81,37],10,"project\u002Fpositive\u002Fnone",[92,232,32,233,93,37],11,"project\u002Fcritical\u002Fperformance",[235,232,37,176,236,37],"30852148","jiggawatts",[238,232,37,239,240,37],"30852230","other\u002Fneutral\u002Fperformance","tluyben2",[242,232,37,176,243,37],"30852372","gunshowmo",[245,232,37,172,246,37],"30852439","Brakenshire",[248,232,37,172,240,37],"30852510",[250,232,37,172,236,37],"30853040",[252,232,37,172,240,37],"30853559",[254,232,37,172,255,37],"30854654","louissan",[257,232,37,239,236,37],"30863289",[259,232,37,172,260,37],"30852570","zasdffaa",[262,232,37,172,240,37],"30852585",[264,232,37,239,260,37],"30852683",[266,232,37,239,93,37],"30852780",[268,232,37,176,269,37],"30853021","boloust",[271,232,37,272,260,37],"30853305","commenter\u002Fneutral\u002Fperformance",[274,232,37,272,93,37],"30853483",[276,232,37,272,260,37],"30853660",[278,232,37,272,93,37],"30853963",[280,232,37,176,260,37],"30854197",[282,232,37,239,283,37],"30853615","drunkpotato",[285,232,37,172,286,37],"30853849","pfarrell",[288,232,37,272,260,37],"30852546",[290,232,37,272,93,37],"30852890",[292,232,37,272,236,37],"30863317",[294,295,32,190,296,37],"30852714",12,"Cthulhu_",[298,295,37,172,299,37],"30853334","chockchocschoir",[301,295,37,172,302,37],"30853972","0des",[304,295,37,172,130,37],"30856939",[306,295,37,172,307,37],"30853579","surfTide",[309,295,37,172,142,37],"30853782",[311,295,37,172,302,37],"30853978",[313,295,37,172,314,37],"30855405","qorrect",[316,295,37,172,317,37],"30854045","klohto",[319,295,37,172,307,37],"30855132",[321,295,37,188,11,32],"30857071",[323,295,37,176,324,37],"30854624","robofanatic",[326,295,37,176,327,37],"30855676","teh_klev",[329,295,37,176,330,37],"30854872","samatman",[],[333,337,341,346,351,356],{"id":334,"name":335,"points":336,"category":20},"30824357","Networks from Scratch",792,{"id":338,"name":339,"points":340,"category":20},"30787290","Bionic Reading",410,{"id":342,"name":343,"points":344,"category":345},"30844149","Blog Surf",389,"productivity",{"id":347,"name":348,"points":349,"category":350},"30811648","pianos",297,"consumer_social",{"id":352,"name":353,"points":354,"category":355},"30830749","Caddy-SSH",280,"infrastructure",{"id":357,"name":358,"points":359,"category":360},"30794332","Postgres.js",257,"languages",false,"v2",{"id":364,"name":5,"line":365,"ai":361,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":366,"top":18,"kw":367,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":368,"url":9,"mix":369,"praise":65,"objection":85,"sub":21},30836647,"My co-worker and I were debugging a SQL issue; having not seen SQL in two years, I embarrassed myself by…",-0.23,[24,25,26,27],"0000110013331533000000000000000100000000",[31,32,33,18],1794036618631]