Range display with path cost and path display like Fire Emblem or Ancient Empires

I'm trying to create a range with path cost and path display in my grid-based game. Can you suggest how it can be achieved?

cnet4.cbsistatic.com/img/F9X_cKjKZKzrvj93toLitQKMoNY=/fit-in/270x0/2017/02/10/dac73988-a85a-435d-a4e2-284e7be705ca/fire-emblem-heroes-better-move.gif