SVG in React

Etleap | Blog

React.js is a great library for creating user interfaces consisting of components. In the browser React is used to output DOM elements like divs, sections and.. SVG! The DOM supports SVG elements, so there is nothing stopping us from outputting it inline directly with React. This allows for easy creation of SVG components that are updated with props and state just like any other component.

Why SVG?

Even though a lot is possible with plain CSS, creating complex shapes like hearts or elephants is very difficult and requires a lot of code. This is because you are restricted to a limited set of primitive shapes that you have to combine to create more complex ones. SVG on the other hand is an image format and allows you a lot more flexibility in creating custom paths. This makes it much easier to create complex shapes as you are free to create any…

View original post 616 more words

I think I know how cleverbot works.

Scary Reasoner

Update August 15, 2015: I am closing comments on this post since it is was written on December 3, 2010, about 5 years ago now, and people are still trying to comment and I’m tired of moderating the comments on this, and the new comments aren’t adding much that hasn’t been said before. Feel free to write your own post on your own blog on this topic. FWIW, I think that what I wrote in this post 5 years ago is probably not correct. Original post follows:

If you haven’t tried cleverbot, go ahead and try cleverbot out now.


It’s supposedly an Artificial Intelligence with which you communicate by typing, much like Eliza. You type at it, and it types back at you. The conceit is that it’s a machine intelligence. It’s just cogent enough to make you wonder how in the hell it works, while just…

View original post 549 more words