https://iahsanujunda.me/tags/web-app/Recent content in Web-App on Izzuddin AhsanujundaHugoen-usMon, 08 Aug 2022 17:26:21 +0900https://iahsanujunda.me/2022/08/08/read-google-spreadsheet-as-pandas-dataframe/Mon, 08 Aug 2022 17:26:21 +0900https://iahsanujunda.me/2022/08/08/read-google-spreadsheet-as-pandas-dataframe/<p>We can read our google spreadsheets via pandas to be used in our analysis. We just have to get this part of the sharing URL <code>https://docs.google.com/spreadsheets/d/[sheet_id]/edit?usp=sharing</code> and the sheet name, then put it into this format <code>https://docs.google.com/spreadsheets/d/[sheet_id]/gviz/tq?tqx=out:csv&amp;sheet=[sheet_name]</code>.</p> <p>We can then put this url into <code>pandas.read_csv()</code>.</p> <p>And of course I build a react app for this. <a href="http://google-spreadsheet-url-convert.herokuapp.com/">It&rsquo;s this one</a>. Because why not.</p>https://iahsanujunda.me/2022/08/01/how-to-embed-images-hosted-on-google-drive/Mon, 01 Aug 2022 23:12:02 +0900https://iahsanujunda.me/2022/08/01/how-to-embed-images-hosted-on-google-drive/<p>Embedding image URL from google drive is actually easy. We just have to convert the URL we got from google drive from this format <code>https://drive.google.com/file/d/[image_id]/view?usp=sharing</code> to this format <code>https://drive.google.com/uc?export=view&amp;id=[image_id]</code>.</p> <p>Even easier, just use this tool I make: <a href="https://gdrive-url-convert.herokuapp.com">gdrive-url-converter</a></p> <!-- more --> <p>I build this tool using React as I have not got a chance to play with React for a long time. It is a good exercise to flex my front-end muscle.</p>