The story of Datamaps.co – a free and simple tool for creating maps

产品设计 2016-06-17

We like unique and handy projects. Datamaps.co is one of them. It’s a free and simple tool for creating maps using different data. You simply upload your CSV file with your data (or include your data manually, using the editor) and get a beautiful map. Then, you can save it in PNG or SVG and use it further.

As usual, we got in touch with the author of this interesting project and asked for more info. In turned out that the story of Datamaps.co is really interesting. Here it is:

I’m Kacper Golinski, a self-thought programmer. I was studying civil engineering but few months after graduation, I decided to switch my career for software engineering.

Datamaps.co evolved from my previous project, simple-data-table-map [ https://github.com/caspg/simple-data-table-map ]. I wanted to learn React and Redux, and the best thing when learning new technologies is to start a side project. I published it on react.rocks[ https://react.rocks ], few people liked it I and got several stars on GitHub.

After that, I decided to add more features and try new things, like react-router, css-modules, node, express, immutable.js, uploading CSV, drawing SVG with React and d3 (at the beginning I used https://github.com/markmarkoh/datamaps for drawing maps). Of course, I didn’t add all of this at once, so I was rewriting code many times.

Recently I posted my project on Reddit and twitter. I got really positive feedback, datamaps.co was featured in few newsletters, people tweets about it (even Smashing Magazine) and of course project on GitHub earned a bunch of stars.

I’m super excited with this outcome. It motivated me to further development. I’m planning to add more maps and more cool features. So stay tuned. You can follow me on twitter, personal account @caspg_ or @datamapsco .

DesignHooks

责编内容by:DesignHooks (源链)。感谢您的支持!

您可能感兴趣的

Animate Calligraphy with SVG From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG...
Rough.js Makes Hand-Drawn Graphics with Canvas &am... It’s amazing to see how far the web has come with dynamic elements such as in-browser SVGs . You can design everything from custom animations to H...
SVG 扬帆起航 原文链接: https://github.com/hangyangws... 本文不能让你成为 SVG 大神,但是能让你知道、了解他「揭开神秘面纱」 基础认知 SVG「Scalable Vector Graphics」表示「可缩放矢量图形『放大不模糊』」面向未来「W3C 标准」。 ...
使用React、 Redux 和 SVG 开发游戏(二) 译者:如果你安装npm包过程中出现错误,请尝试更新npm自身至最新的版本之后再次安装。 // 有些机器可能会有权限问题,所以这里sudo了 sudo npm install npm@latest -g 前情回顾 在上一部分中,你使用 create-react-app 初始化了项目...
pygal的简单使用 pygal的简单使用 例子来自此书: 《 Python编程从入门到实战 》【美】Eric Matthes pygal是一个SVG图表库。 SVG 是一种矢量图格式。全称Scalable Vector Graphics -- 可缩放矢量图形。 用浏览器打开svg,可以方便的与...